Cara membuat recent post tanpa gambar thumbnail di blog
Cara membuat recent post tanpa gambar thumbnail di blog
Cara membuat widget recent post tanpa gambar thumbnail yang SEO Friendly terbaru tanpa mengurangi kecepatan blog. Recent post atau postingan terbaru merupakan sebuah widget pada halaman blog untuk menampilkan sebuah artikel yang paling terbaru di update.
Antara widget recent post dengan widget populer post mana yang lebih baik? dari kedua ini memang tidak jauh berbeda, namun dari populer post berarti yang muncul adalah artikel blog yang paling banyak dikunjungi dari terbanyak sampai yang sedikit secara berurut. Berikut adalah demo atau contoh recent post yang akan saya bagikan tutorialnya.
Kebanyakan blog memang tidak memasang sebuah widget populer post, mungkin karna dengan memasang widget ini orang lain atau blogger lain akan mengetahui bahwa blog tersebut memiliki sebuah artikel yang banyak dikunjungi dan biasanya blogger lain akan membuat artikel yang terdapat dalam populer post tersebut, jadi jika blogger lain berhasil menduduki di page one mesin pencari, bisa saja artikel anda akan tergeser sehingga pengunjung akan menurun.
Ingin mengetahui bagaimana cara membuat recent post tanpa sebuah gambar thumbnail yang unik dan juga menarik? mari simak panduannya dibawah ini.
Cara membuat recent post unik tanpa gambar thumbnail
Sangat mudah untuk membuat sebuah widget recent post tanpa adanya gambar thumbnail pada blog, karna anda hanya perlu copy dan pastekan sebuah script yang akan saya bagikan ini, script ini saya dapatkan dari internet jadi bukan buatan saya.
Langkah awal silahkan anda copy sebuah kode CSS dibawah ini :
/* Artikel Terbaru */.artikel-terbaru ul li { border-bottom: 2px dotted $(label.border.color); padding-bottom: 8px; margin-bottom: 8px; font-weight: 500;}.list-label-widget-content ul li, .LinkList ul li, .PageList ul li { border-bottom: 2px dotted $(label.border.color); padding-bottom: 5px;}.artikel-terbaru ul li:before, .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before { content: "\f14b"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; margin-right: 6px;}.artikel-terbaru ul li:before { content: "\f14b";}.list-label-widget-content ul li:before { content: "\f07b"; }.LinkList ul li:before { content: "\f14c"; }.PageList ul li:before { content: "\f249"; }
Jika sudah silahkan anda buka blog dan pilih "Tema" lalu "Edit HTML" lalu silahkan anda cari "Blogger CSS" dengan cara CTRL+F di keyboard lalu pastekan kode CSS tersebut. Lihat pada gambar berikut ini :
Langkah selanjutnya adalah silahkan anda buka pada bagian "Tata Letak" pada blog dan pilih tambahkan gadget pada bilah kanan template atau silahkan anda pilih tambah gadget dimanapun sesuai keinginan.
Setelah itu pilih HTML/Java Script dan beri judul " Artikel Terbaru" atau sesuai keinginan, dan pastekan sebuah kode dibawah ini :
<div class='artikel-terbaru'>
<script>function artikelterbaru(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="<li><a href="+("'"+e.feed.entry[t].link[r].href+"'")+'">'+e.feed.entry[t].title.$t+"</a> </li>";document.write(n)}document.write("</ul>")}</script><script src="/feeds/posts/summary/?max-results=10&alt=json-in-script&callback=artikelterbaru"></script></div>
Jika sudah silahkan simpan, dan anda sudah berhasil membuat sebuah widget recent post atau artikel terbaru tanpa sebuah gambar thumbnail yang unik dan menarik, semoga artikel ini bermanfaat untuk kita semua.
Post a Comment for "Cara membuat recent post tanpa gambar thumbnail di blog"