Membuat Efek Scrool di Widget Blogger

Membuat Efek Scrool di Widget Blogger

Membuat Efek Scrool di Widget Blogger

Membuat Efek Scrool di Widget Blogger - Efek scrool berguna untuk Untuk merapikan susunan widget blog Anda ..Kalau ingin lihat contohnya, lihat saja widget arsip blog di bagian bawah blog ini, itulah yang dimaksud dengan efek scrool. lalu bagaimana membuatnya?

Berikut caranya:

1. masuk ke blogger, lalu 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 templatenya,  kemudian centang Expand Templates Widget .

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.

Cukup mudah bukan? Ok, silahkan dicoba...