Kamis, 30 Juni 2011

Cara Membuat Scroll Down untuk Label/Categories

Berikut ini adalah langkah-langkah untuk membuat Scroll Down Menu untuk Label pada Blogspot:

1. Sign In di Bloggermu
2. Klik Menu Rancangan
3. Klik Menu Edit HTML
4. Beri Tanda Centang Pada Kotak "Expand Widget Template"
5. Cari Kode dibawah ini :

    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
     <b:if cond='data:title'>
     <h2><data:title/></h2>
     </b:if>
     <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
     <b:if cond='data:display == &quot;list&quot;'>
     <ul>
     <b:loop values='data:labels' var='label'>
     <li>
     <b:if cond='data:blog.url == data:label.url'>
     <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
     <b:else/>
     <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
     </b:if>
     <b:if cond='data:showFreqNumbers'>
     <span dir='ltr'>(<data:label.count/>)</span>
     </b:if>
     </li>
     </b:loop>
     </ul>
     <b:else/>
     <b:loop values='data:labels' var='label'>
     <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
     <b:if cond='data:blog.url == data:label.url'>
     <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
     <b:else/>
     <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
     </b:if>
     <b:if cond='data:showFreqNumbers'>
     <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
     </b:if>
     </span>
     </b:loop>
     </b:if>
     <b:include name='quickedit'/>
     </div>
    </b:includable>
    </b:widget>


6. Lalu Ganti dengan Kode Berikut :


    <b:widget id='Label1' locked='false' title='Categories' type='Label'>
    <b:includable id='main'>
    <b:if cond='data:title'>
    <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <div style='overflow:auto; width:ancho; height:100px;'>
    <ul>
    <b:loop values='data:labels' var='label'>
    <li>
    <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
    <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
    </b:if>
    (<data:label.count/>)
    </li>
    </b:loop>
    </ul>
    </div>
    <b:include name='quickedit'/>
    </div>
    </b:includable>
    </b:widget>


7. Categories pada title=’ Categories’ dapat anda ganti dengan judul sesuka anda.
width:ancho, lebar widget akan menyesuaikan dengan lebar sidebar, bisa anda ganti sesuka anda dengan mengisi besarnya pixel (px).
height:100px, tinggi widget. Jadi jika widget lebih dari 100px, baru scrollbar akan muncul. Besarnya bisa anda ganti sesuai keinginan.

0 komentar:

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Poskan Komentar

Related Posts Plugin for WordPress, Blogger...