,Aurora-V,Pada postingan kali ini kita berjumpa kembali untuk membahas berbagai artikel-artikel yang menarik terutama masalah Code script Scroll Label yang akan kita bahas kali ini, 
tapi disana di google banyak sekali yang membahas artikel ini namun tidak salahnya saya juga akan membahas tentang pembuatan Scrol pada label untuk tidak memanjang kebawah dan sebelum menuliskan artikel ini code script ini sudah di praktikan pada Blog saya yang lain hasil nya berhasil dengan sangat memuaskan sebelumnya terimakasih untuk yang membuat code script ini, baik untuk menyingkat halaman akan saya beritahukan cara memasang code ini :
tapi disana di google banyak sekali yang membahas artikel ini namun tidak salahnya saya juga akan membahas tentang pembuatan Scrol pada label untuk tidak memanjang kebawah dan sebelum menuliskan artikel ini code script ini sudah di praktikan pada Blog saya yang lain hasil nya berhasil dengan sangat memuaskan sebelumnya terimakasih untuk yang membuat code script ini, baik untuk menyingkat halaman akan saya beritahukan cara memasang code ini :- Masuk dulu ke Acount Blogger atau Dashboard
- Pilih Layout , lalu klik Edit HTML
- Centang dulu Expand Widget Templates
- Cari kode yang seperti ini :atau kata Archive.
- Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
- Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
- Lengkapnya kode tersebut seperti dibawah ini :
- Cara
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, carilah yang mirip Blog saya juga beda
Selesai Selamat mencoba semoga berhasil, saya berhasil kenapa anda ngga cobalah dulu jangan putus asa.
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, carilah yang mirip Blog saya juga beda
Selesai Selamat mencoba semoga berhasil, saya berhasil kenapa anda ngga cobalah dulu jangan putus asa.
Contoh :
Cara ke II
Pilih Tata Letak/Layout pada Dashboard
Pada menu, pilih Edit HTML
ada halaman Edit HTML, download dulu template kamu dengan klik Download Template Lengkap
Klik Expand Widget Template
Kemudian cari kode berikut:
<b:widget id='Label1' locked='false' title='NAMA LABEL' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Yang berwarna merah adalah kode yang harus ditambahkan di script itu
Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.
Tulisan yang berkedip adalah panjang Label yang ditampilkan, kamu bisa menggantinya sesuai keinginan
Kemudian Pilih Simpan
0 comments:
Post a Comment