Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll

Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll - Pada kesempatan yang baik ini saya akan membahas Bagaimana Cara Membuat Link List/Daftar Link Dengan Fungsi Scrol, mungkin trik ini membantu sobat blogger semua jika tidak ingin blog anda menjadi termakan tempat oleh link list yang merembet kebawah.

Langsung saja berikut Cara Membuat Link List/Daftar Link Dengan Fungsi Scroll:

1. Login Blogger

2. Pilih blog anda >> Template >> Edit HTML >> Centang pada "Expand Widget"

3. Cari script yang mirip dengan dibawah ini :

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Game Category' 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>

4. Kemudian tambahkan script pada tulisan yang berwarna merah

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList2' locked='false' title='Game Category' 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:238px;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</div>

Lihat contoh pada gambar dibawah ini :

Klik Gambar Untuk Memperbesar

5. Selesai >> Save template >> Lihat hasilnya.

Note :
1. Game Category : Merupakan judul link list Ilfan Blog, cari script diatas dan ganti judul "Game Category" dengan judul link list blog anda.
2. <div style='overflow:auto; width:ancho; height:238px;'> : Merupakan ukuran pada link list, "width:ancho;" adalah ukuran otomatis pada lebar, dan "height:238px;" merupakan ukuran pada tinggi link list. >> Anda boleh mengubahnya sesuai ukuran tempat pada blog anda.

Demikian yang bisa Ilfan Blog jelaskan dan semoga bermanfaat bagi kita semua yang membacanya.

Tweet

Related Post

Tutorial Blog

• Cara Mendapatkan Sitelink di Google
• Cara Membuat Popular Post Fungsi Scroll
• Cara Memasang Share Button Facebook, Twitter, Google di Blog
• Cara Membuat Related Post di Blog
• Cara Membuat Recent Post di Blog
• Cara Sederhana Memasang Comment Facebook di Blog
• Cara Membuat Google+ Button Pada Setiap Post
• Cara Membuat Like Button Facebook di Blog
• Cara Membuat Widget LinkWithin Hanya Muncul di Halaman Posting
• Cara Memasang Widget Sharing Is Sexy
• Cara Memasukkan Link Ke Gambar di Blog
• Cara Membuat Related Posts Fungsi Thumbnails
• Perlukah Show Word Verification di Blogspot?
• Cara Membuat Page Menu Melayang di Blogspot
• Cara Membuat Page Menu Blogspot
• Cara Membuat Daftar Isi Otomatis Dengan Fungsi Scroll
• Cara Mengganti Favicon Di Blogspot
• Cara Mengaktifkan Menu Earnings di Blogger
• Cara Memasang Widget Alexa di Blogspot
• Cara Membuat Text Area Pada Blogspot
• Cara Membuat Mesin Pencari Blog Sendiri
• Cara Submit Blog ke Mesin Pencari Google
• Insert Blogger Meta Tag for SEO Friendly
• Cara Membuat Archive dengan Scroll