Cara Membuat Scroll Pada Label

Pada postingan kali ini EFA akan memposting artikel tentang Cara Membuat Scroll Pada Label  di blog. postingan ini tentunya tidak untuk blogger senior seperti kang fatur, gubuk reyot atau blogernas tetapi untuk para newbie seperti saya ini. disamping postingan ini untuk para newbie tentunya juga untuk mengingat ingat saya tentang cara membuat scroll pada label. saya blogwalking dari satu blog ke blog yang lain untuk mencari ini dan saya bisa temukan di blog kang fatur. itupun saya masih kebingungan cara memasangkannya karena setelah saya masuk ke edit HTML ternyata scriptnya berbeda namun saya terus mencari dan akhirnya bisa mtach dan jadi. sebenarnya untuk apa sih...scroll pada label ini? tentunya para sobat blogger mania tahulah, tidak perlu dijelaskan. baiklah tidak perlu panjang lebar ikuti saja langkah langkah berikut ini:

1. Pertama mulai dengan Login ke blogger.com
2. Masuk ke Rancangan dilanjutkan ke Edit HTML
3. Kemudian cari kode dibawah ini :

<b:widget id="Label1" locked="false" title="Labels" type="Label">
<b:includable id="main">
<b:if cond="data:title">
<h2><data:title></data:title></h2>
</b:if>
<div class="widget-content">
<ul>
<b:loop values="data:labels" var="label">
<li>
<b:if cond="data:blog.url == data:label.url">
<span dir="data:blog.languageDirection">
<data:label.name>
</data:label.name></span>
<b:else>
<a dir="data:blog.languageDirection" href="data:label.url">
<data:label.name>
</data:label.name></a>
</b:else>
<span dir="ltr">(<data:label.count>)</data:label.count></span>
</b:if></li>
</b:loop>
</ul>
<b:include name="quickedit">
</b:include></div>

Kalo sudah ketemu tambahin kode seperti di bawah ini :

<div style="overflow: auto; height: 300px;">

    dan

</div>

Masukan kode berwarna merah dalam format seperti ini

<b:widget id="Label1" locked="false" title="Labels" type="Label">
<b:includable id="main">
<b:if cond="data:title">
<h2><data:title></data:title></h2>
</b:if>
<div class="widget-content">
<div style="overflow: auto; height: 300px;">
<ul>
<b:loop values="data:labels" var="label">
<li>
<b:if cond="data:blog.url == data:label.url">
<span dir="data:blog.languageDirection">
<data:label.name>
</data:label.name></span>
<b:else>
<a dir="data:blog.languageDirection" href="data:label.url">
<data:label.name>
</data:label.name></a>
</b:else>
<span dir="ltr">(<data:label.count>)</data:label.count></span>
</b:if></li>
</b:loop>
</ul>
<b:include name="quickedit">
</b:include></div> </div>  

KETERANGAN:

Yang berwarna merah adalah kode scrollnya. Sedangkan yang berwarna biru adalah kode untuk button.
Selamat mencoba semoga berhasil dan dapat bermanfaat.

The Owner of Education For All Blog hanyalah seorang Blogger pemula namun bila sobat blogger mania berminat untuk melihat tutorial lainya bergaya magazine blog silahkan. Akses melalui link di bawah ini :

• 
• 

» Selamat Berkreasi - E F A «