Ngiring

▼

Sabtu, 21 Juli 2012

Membuat Scroll pada label di blog



Untuk membuatnya, silahkan ikuti dengan cermat langkah-langkahnya berikut ini :
  1. Login ke blogger dengan ID sobat tentunya.
  2. Buatlah Label dengan menambah Gadget pada sidebar, jangan lupa beri judul.
  3. contoh nama labelnya “ALL KATEGORI”.
  4. Sekarang tuju ke Edit HTML.
  5. Klik Expand Template Widgets.
  6. Cari label yang sudah sobat buat tadi, dengan CTRL+F dan ketikkan “ALL KATEGORI”, maka akan muncul kode HTML yang ribet, tapi jangan pusing melihat kode HTML tersebut.
  7. Perhatikan saja tulisan yang berwarna merah dibawah ini, kode itulah yang harus disisipkan kedalam label yang sudah sobat buat.
    <b:widget id='Label1' locked='false' title='ALL KATEGORI' 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;'>
    <div style='overflow:auto; width:ancho; height:250px;'>
    <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>
    </div> </b:includable>
    </b:widget>

  8. Jangan lupa Simpan Template.
Setiap template mempunyai karakter yang berbeda, mungkin di blog sobat kode yang ada adalah
<div class='widget-content'>
bukan seperti yang ada di blog saya yaitu :
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> 
yang penting letak kode tambahan yang disisipkan harus benar meletakkannya.

Untuk kode height:250px adalah tinggi label scroll, silahkan sobat ganti dengan angka yang lebih tinggi jika ingin tampilan menu label yang lebih tinggi.
NB:cara ini juga bisa kita paki untuk wigdet yang lainya , cara di atas sudah saya caba dan berhasil seperti yang terpasang di widget saya
reperen:miscah.blogspot.com/
di