Membuat Fungsi Scroll Pada Daftar Link

Cara membuat Daftar link pada LINK CARI RECEH DOLLAR yang bisa anda lihat pada sidebar kanan atas blog saya. pada kesempatan ini saya akan mencoba menjelaskannya kepada anda.

Pertama yang harus kita buat dahulu adalah Daftar Linknya, dengan cara seperti berikut :

• Silahkan Login Blogger.com anda.
  
• Pilih Tata Letak - Elemen Laman
  
• Klik Tambah Gadget - Pilih Daftar Link
  
• Kemudian Silahkan anda Mengisi Daftar link yang menuju pada posting anda, Kemudian Klik Tambahkan Tautan, jika sudah dimasukkan semua kemudian klik Simpan, seperti contoh Gambar punya saya dibawah ini :
  
  

Selesai membuat Daftarnya, Langkah Selanjutnya membuat Scrollnya :

• Silahkan anda Pilih Edit HTML
  
• Download Template Lengkap agar template anda aman jika terjadi kesalahan
  
• Centang Expand Template Widget
  
  
  
  
  
  
• Silahkan anda Cari Code seperti dibawah ini :
  

<div id="sidebar-wrapper">

<b:section class="sidebar" id="sidebar" preferred="yes"> 

<b:widget id="LinkList4" locked="false" title=" Link Cari Receh Dollar " type="LinkList"> <b:includable id="main">  

<b:if cond="data:title"></b:if></b:includable></b:widget></b:section><h2>

<data:title></data:title></h2>

<div class="widget-content">

<ul>

<b:loop values="data:links" var="link">

<li><a expr:href="data:link.target" href=""><data:link.name></data:link.name></a></li>

</b:loop> 

</ul>

Catatan : Merah adalah Judul Widget Daftar link Punya saya silahkan anda cocokkan pencarian sesuai judul widget anda, Cara mencari Code tersebut menggunakan CTRL + F atau F3 pada Firefox

Selanjutnya silahkan anda rubah sedikit code diatas dengan code seperti dibawah ini : 

<div id="sidebar-wrapper">
<b:section class="sidebar" id="sidebar" preferred="yes"> 
<b:widget id="LinkList4" locked="false" title=" Link Cari Receh Dollar " type="LinkList"> <b:includable id="main">  
<b:if cond="data:title"></b:if></b:includable></b:widget></b:section><h2><data:title></data:title></h2>

<div class="widget-content">

<div style="height: 100px; overflow: auto;">

<ul>
<b:loop values="data:links" var="link">
<li><a expr:href="data:link.target" href="http://draft.blogger.com/post-create.g?blogID=2004281562928937826"><data:link.name></data:link.name></a></li>
</b:loop> 
</ul>
</div>

Catatan : Merah adalah Code Scroll yang ditambahkan, width= menyesuaikan lebar widget anda, Height= ketinggian Scroll, silahkan anda Atur sendiri.

Jika Sudah Semua Klik Simpan Template.

Selamat Mencoba