Buat efek scrool di widgets untuk merapikan blog

 Untuk merapikan blog ada beberapa yang bisa kita lakukan ..salah satunya adalah memasang efek scrool pada widgets di blog.

caranya sangat gampang ..

1.  masuk ke edit html 
2. cari kode  ]]></b:skin>
3. masukan kode di bawah ini tepat diatas kode yang diatas
#scrolling {
overflow: auto; height: 200px; width: 94%;
background-color:#EFEFEF; border:1px solid #777;
margin: 0px auto; padding:5px; font-size: 14px;
color: #999; text-align: left;
}
4. save dulu kemudian centang
   Expand Widget Templates
   
5. kemudian cari kode widgets yang mau kita scrool .caranya cari saja judul widgets nya ,misal friend link
   
6. contohnya
   
   <b:widget id='HTML1' locked='false' title='friend link' type='HTML'>
   <b:includable id='main'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h2 class='title'><data:title/></h2>
     </b:if>
     <div id='scrolling'>
   <div class='widget-content'>
       <data:content/>
     </div>
   
     <b:include name='quickedit'/>
   </div>
   </b:includable>
   </b:widget>
   
   
7. lihat kode yang warna merah dan biru diatas
   
   kode itulah yang kita tambahkan
   

gampangkan? silahkan dicoba

Berbagi :