Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot - Malam ini dapet job nih dari sobat saya Kang Rizal, beliau kebingungan mau Membuat Scroll Pada Blogroll nya. Jadi saya bikin aja tutornya sambil Bookmark. yang akan menjadi Judul artikel ini adalah Menambahkan Scroll Pada Daftar Link (Blogroll) Diblogspot . langsung aja yuk, kasian Kang Rizal nunggu hoho :
Pertama Buat dulu Blogroll anda dengan menambahkan widget link list, caranya pilih Rancangan - Tata letak - klik Link List , lalu masukin nama beserta link linknya jangan lupa memberi nama widget tersebut misalnya " Daftar Link Teman" kemudian Save.
Langkah selanjutnya kita menuju ke Edit Html - centang expand widget template kemudian cari judul widget yang kita mau tambahkan scroll , contoh "Daftar Link Teman" . gunakan CTRL + F untuk mempermudah pencarian.
<b:widget id='LinkList1' locked='false' title='Daftar Link Teman' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
Kemudian Tambahkan kode berikut dibawah kode yang diatas :
<div style='width:100%; height:100px; overflow:auto;'>
Lihat dibawah kode diatas maka anda akan menemukan kode seperti ini :
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
Dan tambahkan kode </div> diakhir kode diatas.
Sehingga struktur kodenya menjadi seperti ini :
<b:widget id='LinkList1' locked='false' title='Daftar Link Teman' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<div style='width:100%; height:100px; overflow:auto;'><ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>
Nb : Anda bisa merubah tingginya widget dengan mengatur kode yang berwarna biru.
Tips tricks yang populer lainnya:
- cara memasang jam dan kalender di blog
- Cara Memasang Nomor Urut Pada Kotak Komentar Blog
- Cara Membuat Kotak Area Dengan Efek Membesar Saat Disorot Mouse
- Cara Membuat Foto/gambar Efek Memutar-mutar Dan Membesar Saat Disorot Mouse
- Kostumisasi Avatar Komentar
- Cara Membuat Artikel Terkait Di Bawah Postingan
- How To Enrol Into Blog Search Engine Google
- How to Guestbook Show Hide from above
- Buku Tamu Tersembunyi Versi 2 Di Blog
- Cara Sembunyikan Buku Tamu Facebook
- Cara Membuat Kotak Admin
- Free Backlink Qualified
- Blog Comment With Kaskus Emote Ver 2
- Cara Membuat Popular Post di Blog
- Delphi 7 error di windows 7
- Cara Memasang Adsense di Web/Blog
- Membuat Trigger jQwerty
- Award setetes embun
- Cara Pasang Back to top di Blog
- Cara Mudah Membuat Desain Header Blog
- Membuat Emotion Pada Komentar Blog
- Membuat Buku Tamu Tersembunyi
- Cara Membuat Tulisan Posting Baru, Posting Lama dan Home Dengan Icon
- Membuat Tanda Tangan Online di mylivesignature
0 comments:
by Pakto
by misterdarvus
Post a Comment