Membuat Daftar Link Dengan Fungsi Scroll

22/12/110 komentar


Membuat Daftar Link Dengan Fungsi Scroll

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 buat fungsi scrollnya untuk daftar link yang telah sobat buat

1. Sekarang sobat masuk ke Edit HTML
2. Download template lengkap dulu sebelum melakukan edit. Supaya template tetap aman jika
terjadi kesalahan
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='FILM' 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 pada kode diatas adalah nama Daftar link saya. Jadi silahkan cari nama daftar link yang sobat telah dibuat.

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='FILM' 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.

Selesai
Share this article :

Publicar un comentario

UCAPAN SELAMAT

Test Footer 1

k

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. KUMPULAN MAKALAH ALHASYI - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger