Cara Membuat Scroll pada Link list Default Blogger

Ingin membuat link list blogger dengan scrool. Tak hanya itu kita juga akan memberikan efek pembukaan jendela baru. Apa sobat semua tertarik untuk membuatnya???. Untuk membuatnya kita tinggal memodif...hehehe,kayak motor aja yach...memodif kode HTML link list asli milik blogger. Oke sekarang kita mulai untuk membuatnya.
  1. Pastikan sudah memasang Widget "Link List" milik blogger.
  2. Buat enam atau lebih link.
  3. Masuk menu Layout kemudian masuk menu Edit HTML dan centang "expand widget templates"
  4. Lalu Cari Code HTML seperti dibawah ini:

  5. <ul>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target'><data:link.name/></a></li>
    </b:loop>
    </ul>

  6. Ganti code diatas dengan Code dibawah ini:
  7. <div style='width:100%; height:100px; overflow:auto;'>
    <ul>
    <b:loop values='data:links' var='link'>
    <li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
    </b:loop>
    </ul>
    </div>
    Perhatikan code height:100px; itu adalah tinggi dari link list bisa kamu ubah-ubah sesuai selera kamu.. jadi jika linknya melebihi batas tinggi maka akan ada efek scrollnya
    Width:100% juga dapat kamu ubah...kalo di blog Q, Aku ubah : 95%
  8. Simpan.

No comments:

Post a Comment