Cara Membuat Scroll pada Label Blog

Halo sobat blogger semua.., di siang hari ini saya akan Membahas mengenai Cara Membuat Scroll pada Label Blog. Ada beberapa Keuntungan dari Memasang Scroll pada Label ini bisa Membuat Blog lebih Simpel dan tampak Propesional. hehehe... Mungkin Untuk sebagian sobat sudah pada tahu caranya, Namun untuk yang belum tahu dan ingin Memasangnya Silahkan ikuti Tutor Blogger saya Berikut ini...:

1. Login ke Blogger
2. Pilih menu Template
3. Edit Template, Kemudian pilih Lanjutkan. "Jangan Lupa Beri tanda centang pada Expand Template Widget"
4. Cari Kode Berikut ini <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> Atau jika tidak ketemu Cari yg ini <div class='widget-content'>
5.  Lalu Tambahkan Kode ini Tepat di Bawahnya <div style='overflow:auto; width:ancho; height:300px;'>

Untuk Lebih jelasnya Lihat Contoh di Bawah ini : 

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

Catatan : Kode yang berwarna merah adalah kode yang harus kita sisipkan, dan 300px adalah tingginya.

Related Post:

tutorial blog

• PENYEBAB ANJLOKNYA PERINGKAT BLOG
• Contoh Penulisan KODE Background Image
• Daftar widget keren untuk blogger
• Cara mudah Bikin Template Blog Sendiri
• Cara Termudah Membuat Slider Popular Post
• Cara Cepat dan Akurat Memantau Pengunjung Blog/ Website
• Tips Cara Membuat Animasi Semut berjalan di blog
• Cara Mudah Memasang Iklan Melayang di Bawah Footer Blog dengan tombol Close
• Cara Memasang Widget Admin Blog Lagi Online dan Offline
• Cara Mudah Memasang Widget Radio Online Multy Chanel Di Blog/Website
• Cara Memasang Siaran Radio Online di Blog
• Membuat Gambar dan Keterangan di atas Kotak Komentar blog
• Cara Mengetahui Harga Jual Sebuah Blog/Website
• cara mudah membuat judul blog kita berjalan di atas postingan blog
• Cara Mudah dan cepat Pasang TV Online di Blog
• Cara Melaporkan Blog yang Copas tanpa izin Agar di Hapus Google
• Menambah Kolom Diatas dan Dibawah Postingan Blog
• Cara Membuat Tweet Box Dibawah Postingan
• Membuat 3 Kolom di Bawah Header Blogspot
• Cara Membuat Tombol Share di Bawah Postingan Blog
• Cara membuat widget reader di postingan blog
• Cara Memasang Like / Share Button di Setiap Postingan Blogger
• Cara Pasang Widget Lintaskan/Lintas Me di Blog
• Cara membuat link otomatis di blogger