Halo sobat blogger malam hari ini saya akan Membahas mengenai Tutorial atau 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='"widget-content " + data:display + "-label-widget-content"'> 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:200px;'>
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='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:200px;'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<div style='overflow:auto; width:ancho; height:200px;'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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 200px adalah tingginya.
Ok Sobat Semoga bisa Bermanfaat, Selamat mencoba dan Semoga berhasil..
0 komentar:
Posting Komentar