Cara Membuat Scroll Pada Label Blog

Oleh Unknown

Saturday, July 22, 2017

Bagikan :

Tweet

Cara Membuat Scroll Pada Label Blog - Membuat Scroll Pada Kategori atau Label adalah merupakan pengelompokan artikel dalam suatu folder atau map, agar artikel blog lebih mudah untuk di cari dan dinikmati oleh pengunjung blog. Akan tetapi apabila kotegori terlalu banyak dalam sebuah blog maka ini akan mengganggu penampilan blog karena menmpati banyak ruang. Oleh karena itu, untuk mengsiasati Label blog yang panjang tanpa mengurangi jumlah Label maka perlu diberikan scroll bar, dengan diberikannya scroll maka kita dapat menghemat ruang pada blog kita.

Berikut cara membuat scroll bar pada kategori atau label blogspot:

1. Login blog anda,
2. Pilih Theme Lalu Klik Edit HTML 

3. Klik Jump To Widget lalu cari label mana yg ingin ada berikan scroll bar contoh : saya pilih Label1

4. Kemudian itu ganti kode 

<b:widget id='Label1' locked='false' title='Labels' type='Label' version='1>....</b:widget>

dengan kode dibawah ini

<b:widget id='Label1' locked='false' title='Label' 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:300px;'> 

<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>

Ada beberapa tempat yang perlu anda perhatikan:

   > Tulisan Biru adalah warna Labels atau kategori yang terdapat pada blog anda

   > Tulisan warna kuning adalah kode yang harus disisipkan

   > Sedang yang berwarna Merah merupakan tinggi scroll yg akan muncul.
   > Tulisan Orange, menandakan label yang akan diberikan scroll

5. Kemudian jangan lupa untuk disave.

sekian tutorial tentang bagaimana Cara Membuat Scroll Pada Label Blog. Semoga bermanfaat bagi kita semua.

share jika bermanfaat!

Tag : Blog SEO, Tips N Trik