Cara Memasang Populer Post dengan Gambar atau Thumbnail Saja - Nah pada kesempatan kali ini saya akan membahas tentang seputar blogger. Trik atau cara ini sangat cocok untuk Anda yang suka memodifikasi blog berupa widget yang sudah ada. Saya ambil contoh widget Entri Populer, widget tersebut memang sudah terdapat pada widget blog dan pada Entri Populer tersebut terdapat dua kententuan, yakni Anda dapat menampilkan artikel populer pada blog Anda dengan gambar saja atau dengan gambar tulisan dengan jumlah maksima 10 artikel/entri. Nah disini saya akan memberikan script berupa CSS agar artikel yang muncul pada blog Anda hanya tampilan gambar postingan saja, dan contohnya Anda dapat lihat Gambar disamping ini. Tampilan memang sederhana dan tidak luar biasa dan pada script tersebut diberikan hover image atau gambar bayangan setelah mouse Anda digerakan ke arah artikel populer dengan gambar tersebut.
Nah, sekarang bagaimana menurut Anda apakah dengan menambahkan artikel populer dengan gambar kedalam blog Anda sudah mempercantik blog Anda. jika menurut Anda bagus silahkan lakukan dan praktekan cara ini kedalam blog Anda.
Langkah-Langkah:
1. Masuk akun blogger lalu pilih menu Rancangan > Edit Html
2. Jangan Lupa backup dulu template Blog, Jika belum tahu Baca di sini
3. Jangann lupa klik ‘Expand Widget Templates’
4. Copy-paste kode berikut ini dan letakkan di atas Kode ]]></b:skin>.
/* -- (Popular Post) -- */.item-thumbnail img {margin: 2px 20px 0 0;padding: 4px;float: left;-moz-border-radius: 4px;-webkit-border-radius: 4px;background-color: #24282a;border: 1px solid #383c3e;text-align: left;width:105px;height:105px;opacity:0.6;filter:alpha(opacity=40)}.item-thumbnail img:hover{-moz-opacity:100; filter:alpha(opacity=100); opacity:100;}.item-snippet {display:none;}.item-title{display:none;}.popular-posts {width: 290px;float: left;margin:0 0 10px 0;}.popular-posts ul {width: 290px;margin: 0px 0 0 0;padding: 0;float: left;list-style: none;}.popular-posts ul li {width: 105px;height: auto;margin:0 10px;float: left;display: block;font: normal 13px Arial, Helvetica, sans-serif;color: #000;line-height:10px;background: none;}
5. Terakhir Save Template.Langkah terakhir :
1. Abaikan dengan edit html, lalu pilih Layout,
2. Silahkan Anda pilih tambah gadget,
3. Silahkan Anda pilih atau tambahkan Entri Populer,
4. Untuk ketentuan Anda hanya ceklist thumbnail gambar.
Selesai sudah postingan tentang Tutorial Blog kali ini Cara Memasang Populer Post dengan Gambar atau Thumbnail Saja, semoga dengan tutorial/cara ini dapat membantu Anda dan bermamfaat.
Sumber: kackdir
