Just another Information

Wednesday, March 13, 2013



Cara Membuat Scroll Pada Popular Post di Blogspot || Dhani's Blog

selamat sahabat blogger,kali ini saya mau berbagi satu trik lagi tentang blog,sebenernya untuk apa sih fungsi dari scroll di post popular itu,selain memudahkan pengunjung untuk mencari artikel popular,dengan adanya scroll blog kita akan tampak rapi sehingga pengunjung pun betah berlama lama di blog kita.
Sebagai contoh ,bisa sobat lihat pada blog ini yang sudah menggunakan scroll di popular post nya.
sebenernya cara nya sangat mudah,kita hanya butuh menambah sedikit kode saja agar menjadi scroll,
untuk lebih jelasnya,silahkan ikuti tutorial dibawah ini :

1.pertama teman-teman login dulu ke www.blogger.com
2.Klik Rancangan
3.Klik EditHTML
4.kemudian teman-teman cari judul yang telah dijadikan judul entry populer teman-teman contoh seperti berikut ini:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>

5.kata yang saya ubah warna merah merupakan judul dari widget yang akan diberi scroll

6.cari code ]]></b:skin> setelah itu masukan code dibawah berikut ini tepat diatas code ]]></b:skin> yang sudah teman-teman cari dan temukan tadi.

#PopularPosts1 .widget-content{
height:270px;
width:auto;
overflow:auto;


dan bila misalnya judul widget yang teman-teman pasang berbeda, teman-teman tinggal mengganti saja nama judul widget nya dan disamakan dengan code yang dipasang sebelum code ]]></b:skin> yaitu tinggal mengganti nama "PopularPosts1" serta samakan dengan judul widgetnya.
dan yang terakhir , simpan template dan lihat hasilnya.

keterangan : untuk angka yang berwarna biru yaitu "270px" merupakan sebuah tinggi dari tampilan scrollnya. intinya nama widget sesuaikan dengan nama yang ada di code yang dipasang sebelum code ]]></b:skin>.

Oke,,semoga postingan kali ini bermanfaat gan !

Categories:


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat volutpat nibh nec posuere. Donec auctor arcut pretium consequat. Contact me 123@abc.com

0 comments:

Post a Comment