Membuat Fungsi Scrool Bloglist. jika anda suka bertukar link atau memasang link tentu saja jika client kita semakin banyak maka ruangan yang di habiskan pun semakin banyak juga. terinspirasi dari itu dan pertanyaan dari seorang blogger, Aa akan bahas sedikit triknya untuk anda. khususnya bagi anda yang memasang bloglist di widget blog.
Untuk membuat fungsi scrool bloglist anda, silahkan simak tuts berikut.
1. Login ke blogger.
2. Masuk ke Edit HTML
3. Download template lengkap terlebih dahulu sebelum melakukan edit. Agar template tetap aman jika terjadi kesalahan.
5. Beri tanda centang pada expand template widget
6. Cari kode yang mirip seperti kode dibawah ini :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Download' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
Catatan: Nama berwarna merah serta bergaris bawah pada kode di atas adalah nama Link sahabat. Jadi silahkan cari nama daftar link yang Anda telah buat.
5. Setelah ketemu kode yang mirip dengan kode diatas, sekarang silakan Anda tambahkan pada kode tersebut (kode-kode yang berwarna merah) dibawah ini.
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Download' type='LinkList'>
<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:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
Catatan : Kode berwarna Merah adalah Code Scroll yang harus ditambahkan, untuk width (lebar) sudah menyesuaikan dengan lebar widget anda, untuk Height/ ketinggian Scroll, silahkan Anda Atur sesuai dengan selera.
6. Selesai dan simpan template. coba Anda lihat hasilnya.
Selamat mencoba.
No comments:
Post a Comment
Terima kasih atas kunjungannya jika ada pertanyaan,saran,maupun kritik dan demi perkembangan blog ini silahkan tinggalkan komentar Anda.