Home » , » Cara membuat Widget Popular Post memiliki scrooll

Cara membuat Widget Popular Post memiliki scrooll

Zul Kadry | 00.44 | 0 komentar
 Widget "Popular Post". Secara default, Blogger memang menyajikannya seperti biasa-biasa saja. Kadang pula tinggi nya halaman konten, tidak berimbang dengan tinggi Sidebar. yang mengakibatkan tampilan blog seperti benang kusut, dan saling tumpang tindih.
Nah bagi agan2 yang berminat mengubahnya menjadi scrooll, tidaklah begitu sulit. berikut resepnya:


1. Pada menu Dasbor, klik Rancangan


2. Klik " Edit Html", (untuk berjaga-jaga, download template lengkap apabila natinya agan ragu bila triknya tidak berhasil)


3. Beri tanda centang pada "Expand Template Widget"

4.Kemudian Cari Judul Widget yang ingin anda beri fungsi scroll.
Ini contoh dari judul widget yang ada di blog saya : 
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Followers' type='Followers'/>
<b:widget id='HTML5' locked='false' title='Subscribe Via Email' type='HTML'/>
<b:widget id='HTML1' locked='false' title='Your Ad Here' type='HTML'/> 

yang berwarna merah itu judul widget.perhatikan saja setelah kode ini <b:widget id='
Misalnya anda ingin membuat fungsi scroll pada popular posts/entri populer maka langkahnya sebagai berikut :
pada bagian edit html cari kode ini ]]></b:skin> .Jika sudah ketemu,copy dan paste kode di bawah ini diatasnya.

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


5. Preview dulu dengan menekan tombol "Pratinjau", dan akhirnya finish pada "Simpan Template"

KETERANGAN
Untuk membuat fungsi scrollnya pada widget yang lain,hapus saja kode yang berwarna merah dan ganti dengan judul widget yang lainnya,seperti keterangan pada no.4.
Untuk mengatur tingginya,ganti angka 270 dengan yang anda inginkan.semoga bermanfaat ya... Related Posts Plugin for WordPress, Blogger...


Share this article :
Related Posts Plugin for WordPress, Blogger...
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Kadry Tekno Blog - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger