CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PILIHAN SEO PADA BLOG CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PILIHAN SEO PADA BLOG - SUARA HARIAN OTO BEMO BERODA TIGA
Suara Harian Oto Bemo Beroda Tiga

Komunikasi, Media Ilmu & Pengetahuan Umum Blogging

Langsung ke konten utama

"OTO BEMO.. OTO BEMO.. BERODA TIGA .. TEMPAT BERHENTI.. DITENGAH TENGAH KOTA..PANGGIL NONA..PANGGIL NONA..NAIK KERETA..NONA BILANG..TIDAK PUNYA UANG.. JALAN KAKI SAJA"

CARA MEMASANG WIDGET ARTIKEL TERBARU THUMBNIL PILIHAN SEO PADA BLOG

Bagi seorang blogger, ada beberapa komponen yang perlu diperhatikan saat membuat dan mengelola apa yang disuguhkan dalam isi blognya. Agar pengunjung tertarik dengan isi blog kita dan betah berlama-lama membacanya, kita mesti memaksimalkan fitur-fitur widget yang telah tersedia, termasuk di antaranya yaitu pemasangan widget Recent Post/ Artikel Terbaru/ Postingan Terbaru. Keuntungan dari memasang widget ini adalah pengunjung dapat melihat dan memilih artikel-artikel terbaru dari blog kita. Dengan adanya widget recent post ini, pengunjung akan dibuat penasaran untuk membaca artikel-artikel lain dari blog kita. 

Maksud membuat Artikel Terbaru dengan Thumbnail adalah agar pengunjung dapat melihat dan mengetahui setiap postingan terbaru/terupdate dari sebuah blog, karena Widget Artikel Terbaru selalu uptodate pilihan SEO dan hanya menampilkan beberapa artikel yang terakhir dipostingkan. Jumlah postingan terbaru yang akan ditampilkan di sidebar blog dapat diatur sesuai keinginan kita, sehingga tidak akan memakan banyak ruang di sidebar. Baca Juga : Cara-memasang-widget-artikel-terbaru

Untuk tampilannya sendiri banyak pilihan yang kita gunakan seperti artikel terbaru dengan gambar atau juga snippet. untuk tutorial kali ini saya akan memberikan script widget artikel terbaru yang simple dan ringan. agar kecepatan loading pun tidak terlalu berpengaruh.
Oke langsung aja berikut caranya :
1. Buka blogger => tata letak => tambahkan gadget
2. Selanjutnya pilih HTML/Javascript dan masukkan kode berikut ⛛
3. Tampilan seperti gambar diatas, angka 5  contoh susunan bisa disesuai selera anda




<script style="text/javascript" src="https://helplogger.googlecode.com/svn/trunk/helplogger/recentposts2.js"></script>
<script style="text/javascript">
var posts_no = 5;var showpoststhumbs = true;
var readmorelink = true;

var showcommentslink = true;
var posts_date = true;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
<a style="font-size: 9px; color: #CECECE; float: right; margin: 5px;" href="http://goo.gl/zAnmTu" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
<style type="text/css">
img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
.recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
ul.recent-posts-container li {position:relative;padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
ul.recent-posts-container {border: 2px solid #FCD6CB; }
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #616662;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #888;}
.recent-posts-details {padding-bottom: 5px;}
a.readmorelink {color: #4DACE3;}
</style>



Bagaimana Reaksi Anda Tentang Artikel Ini?

Komentar

POPULAR POST

IMAM AL GHOZALI JELASKAN MUSIK DAN TARIAN PARA SUFI

Musik dan tarian para sufi dijelaskan oleh Imam Al Ghazali. Hukum musik dan tarian tergantung bagaimana keduanya digunakan. Sedangkan bagi kaum sufi, musik dan tarian yang mereka lakukan merupakan sepenuhnya bersifat keagamaan. Imam Al-Ghazali dalam kitabnya berjudul Kimia-i Sa'adah menjelaskan, para sufi memanfaatkan musik untuk membangkitkan cinta yang lebih besar kepada Allah dalam diri mereka. Dan dengan bermusik, para sufi kerap mendapatkan penglihatan dan kegairahan rohani. Maka dalam hal ini, hati para sufi menjadi sebersih perak yang dibakar di dalam tungku. Mencapai suatu tingkat kesucian yang tak akan pernah bisa dicapai oleh sekadar hidup prihatin walau seberat apapun. Baca Juga :  Kharomah-sayidah-nafsiah-dan-wali-allah Para sufi kemudian menjadi sedemikian sadar akan hubungannya dengan dunia rohani. Sehingga mereka kehilangan segenap perhatiannya akan dunia ini dan kerap kali kehilangan kesadaran indriawi. Meskipun demikian, para calon sufi dilarang ikut ambil bagian d