Sunday, May 29, 2011

Percantik Sidebar Komentar (JSON)

Posted by dav On 5:51 AM
Bismillah. Disela-sela tahap penyembuhan dari sakit yang cukup lama dan disela-sela kesibukan dalam proses penyusunan buku, Alhamdulillah satu widget selesai dikembangkan. Widget ini sebenarnya bisa kita peroleh melalui widget bawaan Blogger namun bagi mereka yang suka utak-atik hal ini bisa menjadikan satu nilai plus untuk mempercantik sidebar anda. Sidebar ini digunakan untuk menampilkan komentar dari para pembaca blog kita. Yang menarik dari sidebar komentar ini yaitu bisa menampilkan nama user yang memberi komentar dan juga isi dari komentar tersebut, sehingga kita bisa dengan cepat menyetahui siapa sahabat blogger yang sudah memberi komentar. Widget ini masih melibatkan bahasa pemrograman JSON yang memanfaatkan Feed dari blogger sehingga proses pemanggilan (loading) lebih cepat dan ringan. Mau mencoba? Silahkan lanjutkan membaca jika malas jangan di tutup blog ini cari lagi artikel lain mungkin anda menemukan sesuatu yang menarik... (agak ngelantur)

Integrasi JSON Sidebar Comments Pada Template

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cari kode dibawah ini:
]]></b:skin>
Langkah 4
Masukan (copy paste) kode CSS dibawah ini diatas kode pada langkah 3:
/* Sidebar Komentar JSON */
#komentar {
background: #3eb5da; //warna dasar
margin: 0;
padding: 0;
border: 1px solid #0971C8; //garis pinggir kotak gadget komentar
}
#komentar ul {
margin: 0;
padding: 0; //jarak ke pinggir kotak gadget komentar
}
#komentar ul li: first-child {
border-top: 0 none aqua;
}
#komentar ul li {
border-top: 1px solid #CCC; //garis sekat atas
border-bottom: 1px solid #0971C8; //garis sekat bawah
padding: 2px 0;
list-style: none;
}
#komentar ul li: last-child {
border-bottom: 0 none aqua;
}
#komentar ul li span {
background-position: 2px 2px;
float: left;
height: 16px;
margin-right: 5px;
width: 16px;
}
#komentar ul li b {
color: #ffffff; //warna huruf nama komentator
text-shadow: -1px -1px 1px #3196BA;
}
#komentar ul li: hover {
background-color: #CCC; //warna latar ketika mouse diatasnya
}
#komentar a, #komentar a: link, #komentar a: visited {
clear: both;
color: #FFF; //warna huruf isi komentar
display: block;
padding-left: 20px;
text-decoration: none;
}
#komentar a: hover {
color: #333; //warna huruf ketika mouse diatasnya
}
.komen {
background: transparent url(https: //lh5.googleusercontent.com/_xcD4JK_dIjU/TcA0b1eB4sI/AAAAAAAAFGQ/MlIzrpydae0/s800/top_rss.png) no-repeat 0 0; //icon komentar
}
Langkah 5
Cari kode dibawah ini:
</head>
Langkah 6
Masukan (copy paste) kode JavaScript dibawah ini diatas kode pada langkah 5:
<script type='text/javascript'>
//<![CDATA[
/*
Beauty JSON Commentator Sidebar 1.0 (May 29, 2011)
copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
*/
var jmlkomentar = 20;
var jmlkarakter = 80;
function tampilkankomentar(json) {
var entry, urlkomentar, isikomentar, lihatkomentar;
for (var i = 0; i < jmlkomentar; i++) {
entry = json.feed.entry[i];
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
urlkomentar = entry.link[k].href;
break
}
}
urlkomentar = urlkomentar.replace("#", "#comment-");
if ("content" in entry) {
isikomentar = entry.content.$t
} else if ("summary" in entry) {
isikomentar = entry.summary.$t
} else {
isikomentar = ""
}
var re = /<\S[^>]*>/g;
isikomentar = isikomentar.replace(re, "");
if (isikomentar.length > jmlkarakter) {
isikomentar = isikomentar.substring(0, jmlkarakter) + "…"
}
lihatkomentar = "<li>";
lihatkomentar += "<span class='komen'></span><b>" + entry.author[0].name.$t + "</b>";
lihatkomentar += "<a rel='nofollow' href='" + urlkomentar + "'>" + isikomentar + "</a>";
lihatkomentar += "</li>";
document.write(lihatkomentar)
}
}
//]]>
</script>
Langkah 7
"SIMPAN TEMPLATE" dan lanjutkan...

Integrasi JSON Sidebar Comments pada Gadget

Langkah 8
"Tambah Gadget" dengan tipe "HTML/JavaScript"
Langkah 9
Masukan (copy paste) kode dibawah ini didalam konten dan jangan lupa beri Judul Gadget:
<div id="komentar">
<ul>
<script src="/feeds/comments/default?alt=json-in-script&callback=tampilkankomentar"></script>
</ul>
</div>
Langkah 10
"SIMPAN" Gadget dan preview blog anda...

Keterangan:
  • var jmlkomentar = 20; ubah nilai 20 untuk menentukan jumlah komentar yang ingin ditampilkan
  • var jmlkarakter = 80; Ubah nilai 80 untuk menentukan jumlah karakter isi komentar yang ingin ditampilkan

Bagaimana menurut anda? Cantik bukan? Selamat mencoba dan semoga berhasil... Happy Blogging :)

Wednesday, May 18, 2011

jQuery 1.6 - Visual Cheat Sheet

Posted by dav On 5:21 AM
Alhamdulillah. jQuery JavaScript Library Versi 1.6.1 telah di terbitkan pada hari Kamis, 12 Mei 2011. Bagi yang ingin mengetahui penambahan fungsi baru Perpustakaan jQuery silahkan jalan-jalan di website jQuery atau download Visual Cheat Sheet - jQuery Versi 1.6 yang di susun oleh Antonio Lupetti. Edisi baru Visual Cheat Sheet - jQuery Versi 1.6 ini mencakup semua referensi yang Anda butuhkan untuk jQuery 1.6 API. Mari sama-sama belajar tentang jQuery...

Friday, May 13, 2011

Dunai SEO memang sangat menarik untuk dikaji, selain karena menantang, SEO merupakan teknik yang sangat misteri. Hal ini disebabkan tidak ada satu pun search engine (mesin pencari) yang membuka tentang teknologinya dalam mengindeks blog atau website yang ada didunia. Dunia SEO hampir bisa dikatakan sebagai dunia teka-teki, keberadaannya nyata namun entah bagaimana mereka bekerja. Kebanyakan master blogger melakukan research dengan teknik trial and error pada blogger atau website yang di kelolanya. SEO atau Search Engine Optimization adalah cara yang digunakan untuk mengoptimasi atau untuk meningkatkan kualitas website atau blogger dimata mesin pencari sehingga suatu situs atau website akan menempati peringkat pertama pada daftar pencarian (SERP=Search Engine Result Page) dengan kata kunci tertentu di berbagai mesin pencari.
SEO Blogger
Siapa pun pemilik website atau blogger berharap bahwa blog atau website yang dikelolanya menempati peringkat terbaik dimata mesin pencari apapun kata kunci yang digunakan dalam kategori tertentu. Namun hal ini sangat sulit diimplementasikan dan membutuhkan kesabaran, sehingga proses-proses yang dilakukan untuk mengoptimasi suatu blog atau website agar menempati peringkat terbaik pada mesin pencari adalah suatu perkara yang membutuhkan waktu tidak sebentar. Bahkan banyak blogger yang terjebak pada teknik Black Hat SEO atau teknik SEO dengan jalan pintas dan tidak jujur, hal ini justru merugikan blognya sendiri ketika suatu mesin pencari menemukan teknik-teknik licik untuk meningkatkan peringkat blog atau website bahkan kemungkinan terbesar blog atau website yang menerapkan teknik Black Hat SEO akan di hempaskan (dikeluarkan) dari daftar indeks mesin pencari. Keluarnya blog atau website dari daftar indeks mesin pencari sering dikenal dengan istilah Sandbox (Google Penalty).
Pada artikel kali ini Blogger Tune-Up tidak akan membahas apa itu Black Hat SEO maupun White Hat SEO, namun akan membahas beberapa kesalahan fatal yang sering dilakukan para blogger dalam penerapan SEO pada blog atau situs yang dikelolanya. Hal-hal dibawah ini harus dihindari agar kegiatan ngeblog anda tidak terganggu.

Kesalahan Fatal SEO

1. Keyword
Keyword yang salah target, bahkan hal ini tidak hanya terjadi pada para blogger, justru perusahan-perusahaan besar pun banyak melakukan kesalahan dalam hal keyword yang salah sasaran. Hal ini bisa terjadi karena kesalahan persepsi terhadap "kata kunci" yang sering digunakan oleh para pengguna mesin pencari. Misal kita menggunakan kata kunci "jQuery" pada blog yang kita kelola, padahal para pengguna mesin pencari tidak pernah menggunakan kata kunci tersebut sehingga sehebat apapun artikel yang ada pada blog tersebut, jelas mesin pencari tidak akan mengarahkan para penggunanya ke blog yang menggunakan kata kunci "jQuery". Agar kita tidak salah sasaran/target pengunjung, tidak ada salahnya kita menggunakan perangkat (tool) bantuan dalam menganalisis dan menemukan kata kunci (keyword) yang paling sering digunakan oleh para pengguna mesin pencari yang kira-kira cocok untuk blog yang kita kelola. Contoh tool gratisan yang bisa kita gunakan adalah Keyword Suggestions.

2. Meta Tag
Terlalu terfokus pada meta tag adalah kesalahan berikut yang sering dilakukan oleh para pengelola blog atau website. Para pemilik blog menghabiskan banyak waktu hanya untuk mengoptimisasi meta tag, padahal search engine memiliki teknologi baru dengan alogaritma dari crawler dan robot search engine yang sama sekali tidak melihat lagi meta tag sebagai acuan utama. Hal terpenting bagi blogger sekarang akan lebih baik jika memperkaya konten dari blog atau website yang dikelolanya hal ini untuk memberikan kesempatan lebih besar kepada search engine untuk melakukan indeks blog dari kata kunci yang tersedia banyak pada konten.

3. Blog Gratis
Inilah kelemahan alami para blogger gratisan. Sebenarnya bukan kesalahan fatal namun kesempatan dan kemauan yang sulit terealisasi. Siapapun pasti ingin memiliki/menyewa hosting sendiri dalam kegiatan blog-nya. Namun terkadang keadaan memaksa kita untuk memanfaatkan yang tersedia. Hal ini harus kita akui sebagai para pengguna blog gratisan termasuk diakui oleh Blogger Tune-Up bahwa kelemahan menggunakan blog gratisan adalah sulit meningkatkan kualitas SEO. Bahkan Blogger Tune-Up menemukan hal yang sangat menyedihkan ketika beberapa artikel asli justru diakui oleh blogger lain yang menggunakan layanan hosting sendiri dan lebih menyedihkan lagi ketika menggunakan kata kunci tersebut justru blog bajakan yang nangkring di posisi pertama. Namun Blogger Tune-Up yakin, dengan kualitas artikel yang selalu original dan murni hasil pemikiran akan menggeser dominasi blogger hosting berbayar yang ternyata hasil plagiat. (Ayo kita buktikan!!!)

4. Backlink
Backlink bagaikan dua sisi mata uang, ada sisi yang menguntungkan namun ada sisi lain juga yang merugikan. Backlink yang baik itu berasal dari blog, website atau forum dengan kategori dan konten yang sama/mirip dengan konten dari blog yang kita kelola. Kesalahan para blogger dalam meraih backlink salah satunya dengan bertukaran link dengan blogger lain tanpa memperhatikan materi yang di buat oleh blogger lain. Seandainya satu materi dengan blog kita merupakan keuntungan bagi blog kita, namun jika berbeda materi itulah yang merugikan, karena terlalu banyak backlink yang berasal dari blog yang berbeda materi sering menjadikan backlink tersebut sebagai spamming backlink. Terlalu banyak spamming backlink akan membuat blog kita di banned oleh mesin perncari, maka berhati-hatilah dalam backlink, dan akan lebih baik melakukan pertukaran link itu dalam suatu konten atau artikel, misal dengan saling membahas suatu materi yang saling terkait. Satu blog membahas suatu materi yang ada pada blog lain dan blog yang dimaksud juga melakukan pembahasan materi unik lainnya dari blog sahabatnya. Itu hal terbaik dalam teknik backlink.

5. Image (Gambar)
Gambar merupakan bagian untuk memperkaya konten blog, namun kesalahan yang sering dilakukan yaitu tanpa memberi keterangan pada gambar, sehingga search engine tidak menemukan apa-apa dan tidak dapat mengkaitkan gambar dengan konten artikel. Ini merupakan salah satu kerugian bagi para pemilik blog, gambar tanpa keterangan kurang bermakna bagi konten dan lebih baik kita memberikan keterangan pada gambar yang berfungsi sebagai pelengkap konten blog. Keterangan gambar bisa diberikan dibawah atau diatas gambar, atau memberikan keterangan gambar melalui tag alt, tag title atau dengan memanfaatkan kedua tag tersebut.

6. URL
Nah, ini merupakan kesalahan lainnya yang sering dilakukan oleh para blogger. Pernahkah kita mencoba menggunakan kata kunci tertentu pada mesin pencari dan mesin pencari menampilkan URL dari kata kunci yang kamu masukan? Jika pernah mencoba namun keyword yang kita gunakan tidak menampilkan URL yang menuju blog anda, itu menunjukan bahwa URL yang kita sertakan pada blog tidak mengandung keyword dan itu berarti ini kerugian lagi bagi pemilik blog. Gunakan tag title atau tag alt untuk memasukan keyword pada URL yang kita sertakan pada blog kita, hal ini bisa merupakan bagian dari SEO.

Selamat mengkaji kembali blog yang kita kelola, dan jadilan blogger yang mampu menganalisis SEO dengan baik tanpa kesalahan-kesalahan lagi seperti yang disebutkan diatas. Jika mempunyai masukan lain, silahkan tinggalkan pada komentar. Selamat mencoba dan semoga berhasil. Happy Blogging :)

Monday, May 2, 2011

Alhamdulillah. Widget artikel terkait yang dilengkapi gambar mini (thumbnail image) dan ringkasan artikel (summary content) telah selesai dibuat, mungkin jika di tulis dalam bahasa Inggris menjadi Related Post with Thumbnail Image and Summary Content. Diantara artikel terkait yang pernah Blogger Tune-Up tulis dan coba, versi ini merupakan versi yang sangat menguras waktu, selain tingkat kerumitannya yang cukup tinggi juga kurangnya pengetahuan penulis tentang bahasa JSON Feed sehingga proses penulisan script cukup dan bahkan memakan waktu yang sangat lama. Dari sisi tampilan dan kelengkapan, versi ini sangat berbeda jauh dengan yang lainnya dan bahkan boleh dikatakan memiliki fitur yang sama persis dengan yang dikembangkan oleh para pengguna Wordpress. Versi ini masih menggunakan inti JSON Feed dan merupakan gabungan dari Membuat Artikel Terkait (Versi 3.0) dan jQuery News Ticker Recent Post Plus Thumbnails. Namun untuk versi Related Post Ticker with Thumbnail and Summary akan dituliskan dalam artikel terpisah, hal ini untuk mempermudah pemahaman, penerapan dan penggunaannya, juga untuk mengurangi kesalahan penerapan pada template blogger.

Fasilitas Artikel Terkait dengan Gambar Mini dan Ringkasan Artikel

Artikel terkait dengan fasilitas gambar mini dan ringkasan artikel (Related Post with Thumbnail Image and Summary Content) ini memiliki beberapa kelengkapan yang sangat menarik diantaranya:
  • Menggunakan bahasa JSON Feed turunan JavaScript
  • Mampu menampilkan gambar yang diambil gambar yang diupload pada artikel
  • Jika artikel tidak mengandung gambar maka gambar akan digantikan dengan gambar default yang sudah dituliskan pada script
  • Mampu menampilkan ringkasan artikel sehingga mempermudah para pengunjung untuk menemukan artikel terkait yang dibutuhkan
  • Artikel terkait ini kedepannya akan dikembangkan dalam versi Ticker dan versi Accordion yang tentunya menggunakan sentuhan animasi jQuery
  • Lebih ringan karena versi ini hanya akan diload pada saat artikel yang dituju sedang dibuka, sedangkan pada saat membuka halaman utama script ini tidak akan diload
  • Konfigurasinya sangat mudah
  • Blog lebih tampak profesional

Integrasi Artikel Terkait dengan Gambar Mini dan Ringkasan Artikel

Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Edit HTML"
Langkah 3
Cheklist "Expand Template Widget"
Langkah 4
Cari kode dibawah ini:
</head>
Langkah 5
Masukan (copy paste) kode dibawah ini diatas kode pada langkah 4:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts h4 {
background: none repeat scroll 0 0 #333;
color: #FFF;
font-family: Arial,Tahoma,Verdana;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 2px 5px 1px 8px;
text-shadow: 1px 1px #000000;
text-transform: uppercase;
}
#relpost_img_sum {
/* height: 320px;
overflow: auto; */
margin: 0;
padding: 4px;
line-height: 16px;
}
#relpost_img_sum:hover {
background: none;
}
#relpost_img_sum ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#relpost_img_sum li {
border: 1px solid #DDD;
margin: 0;
padding: 5px;
height: 65px;
list-style: none;
}
#relpost_img_sum li:hover {
background-color: #E6E6E6;
}
#relpost_img_sum a {
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#relpost_img_sum .news-title {
display: block;
font-weight: bold !important;
margin-bottom: 4px;
}
#relpost_img_sum .news-text {
display: block;
text-align: justify;
font-weight: normal;
text-transform: none;
color: #333;
}
#relpost_img_sum img {
float: left;
margin-right: 14px;
padding: 4px;
border: solid 1px #DDD;
width: 55px;
height: 55px;
}
</style>
<script type='text/javascript'>//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 200;
var morelink = "readmore";
/*
Related Post with Thumbnail & Summary 1.0 (May 02, 2011)
copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U==\'1o\'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G=\'H-A 1u\'>";h+="<a v=\'"+5[r]+"\' U=\'1v\' I=\'J\' A=\'"+4[r]+"\'><1w 1x=\'"+b[r]+"\' /></a>";h+="<a v=\'"+5[r]+"\' I=\'J\'>"+4[r]+"</a>";h+="<17 G=\'H-18\'>"+9[r]+" ... [<a v=\'"+5[r]+"\' I=\'J\'>"+1y+"</a>]<17 G=\'H-18\'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
Langkah 6
Cari kode dibawah ini (rekomendasi) :
<div class='post-footer-line post-footer-line-3'/>
atau kode dibawah ini (alternatif) :
<data:post.body/>
Langkah 7
Ubah kode pada langkah 6 (jika menggunakan kode rekomendasi) menjadi seperti dibawah ini:
<div class='post-footer-line post-footer-line-3'>
<!-- Untuk kode artikel terkait -->
</div>
Langkah 8
Masukan (copy paste) kode dibawah ini menggantikan kode <!-- Untuk kode artikel terkait --> pada langkah 7:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts'>
<h4>Related Posts</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://modification-blog.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>
Jika anda menggunakan kode alternatif (lihat langkah 6), masukan (copy paste) kode diatas, dibawah kode <data:post.body/>.
Langkah 9
Simpan template blogger
Langkah 10
Preview blog anda...

Keterangan:
  • var relnojudul = 0; ubah nilai 0 jika ingin menampilkan jumlah artikel yang terkait dalam setiap kategori, nilai 0 artinya artikel dalam kategori tertentu akan ditampilkan semua (direkomendasikan tetap bernilai 0 karena dalam beberapa kasus, jika kita ubah nilainya maka artikel terkait akan menampilkan keterangan "undefined". Hal ini bisa terjadi jika ada artikel dalam kategori tertentu yang hanya terdiri dari 1 artikel)
  • var relmaxtampil = 10; ubah nilai 10 untuk menentukan jumlah artikel yang terkait sesuai kategori
  • var numchars = 200; ubah nilai 200 untuk menentukan jumlah karakter yang akan ditampilkan pada ringkasan artikel. Karakter termasuk spasi dan tanda baca
  • var morelink = "readmore"; ubah kata readmore sesuai dengan keterangan link akhir ringkasan artikel yang akan menuju pada artikel yang dimaksud pada saat di klik
Tunggu artikel terkait dengan tampilan yang lebih menarik dan animasi cantik pada artikel mendatang. Selamat mencoba dan semoga berhasil. Happy Blogging :)