Daftar link adalah sebuah list widget yang berisi link-link, misalnya link download atau link teman (friend link), biasanya pada widget daftar link originalnya tidak di memiliki opsi scroll pada daftar link tersebut
Lalu bagaimna cara membuat fungsi scroll pada daftar link tersebut? cara membuat atau memberi fungsi scroll pada daftar link cukup mudah sobat, tips dan tricknya adalah sbb:
Pertama-tama adalah sobat membuat daftar link yang mau di berikan fungsi scroll. Caranya adalah sbb:
1. Login ke blogger sobat
2. Masuk ke Rancangan
3. Pada elemen laman pilih tambah gadget
4. Pilih Daftar Link
5. Setelah itu masukan link-link sobat
6. Selesai. Daftar link sobat sudah selesai dibuat
Sekarang sobat tinggal membuat atau memberi fungsi scrollnya untuk daftar link yang telah sobat buat, cara membuat scroll pada daftar link adalah sbb:
1. Masuk ke Edit HTML
2. Download template lengkap terlebih dahulu sebelum melakukan edit. Supaya template tetap aman jika terjadi kesalahan (punya back up)
3. Beri tanda centang pada expand template widget
4. 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 diatas adalah nama Daftar link saya. Jadi silahkan cari nama daftar link yang sobat telah dibuat
5. Setelah ketemu kode yang mirip dengan kode diatas, sekarang sobat 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 sudah menyesuaikan dengan lebar widget anda, untuk Height/ ketinggian Scroll, silahkan sobat Atur sesuai dengan keinginan sobat.
6. Selesai dan simpan template
0 komentar:
Posting Komentar