Cara Membuat Scroll Pada Popular Post

Cara Membuat Scroll Pada Popular Post-Apakah widget pada popular post anda kepanjangan ,,,? widget popular post yang kepanjangan pada sidebar tentu sangat tidak menguntungkan karena widget pada sidebar penuh dan widget yang lainya nggak kebagian dan tentunya tidak enak saat di pandang , anda tenang saja karena pada kesempatan kali ini saya akan membuat  artikel tentang Cara Membuat Scroll Pada widget Popular Post yang berfungsi sebagai pemendek dan enak di pandang.

DEMONYA SEPERTI GAMBAR DI ATAS

Jika anda tertarik untuk membuat Scroll pada widget entri popular post . ikuti langkah-langkah Cara Membuat Scroll Pada Popular Post di bawah ini :

1. Seperti biasanya , Masuk ke akun Blogger anda

2. Pilih Template > EDIT TEMPLATE

3. Cari kode PopularPosts biasanya kodenya terlebah paling bawah
4. Tambahkan kode <div style='overflow:auto; width:ancho;height:300px;'> tepat diatas kode <div class='widget-content popular-posts'>

kurang lebih nanti kodenya seperti di bawah ini:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
     <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='overflow:auto; width:ancho;height:300px;'>
  <div class='widget-content popular-posts'>

Keterangan :
Anda dapat mengatur tinggi scrollnya dengan mengubah 300px;'  sesuai tinggi scroll yang anda inginkan

5. Setelah itu tambahkan kode </div> tepat di atas kode </b:includable>

kurang lebih nanti kodenya seperti di bawah ini:

</ul>
  </div>
       </div>
</b:includable>

   </b:widget>

6. Simpan Template dan lihat perubahan yang terjadi

Demikian artikel Cara Membuat Scroll Pada Popular Post , apabila anda kurang paham ( biasanya Newbie ) jangan sungkan untuk bertanya di kotak komentar . akhirul kalam wassalamualaikum wr.wb.