17 Mei 2012

Cara Membuat Scroll Pada Daftar Link Blog

 Sumber gambar pada tjingwen dot com
Kadang-kadang daftar link kita di bagian widget dalam sebuah blog sangat banyak. Contohnya seperti daftar link sobat (blog list), daftar recent post, daftar link artikel, dan sebagainya. Nah, untuk memendekkan daftar link-link tersebut agar menjadi seperti sebuah "scrool", caranya sangat mudah. Misalnya anda akan memendekkan daftar link sobat karena sudah terlihat "mengular" di blogspot versi baru, caranya adalah :

1. Login ke account blogspot anda, select menu tata letak.
2. Select menu Edit HTML, lalu pilih menu lanjutkan dan centang expand template widget.
3. Cari kode type='LinkList' dengan Ctrl F/F3.
4. Perhatikan kode dibawahnya karena biasanya terdapat beberapa kode, cari kode untuk Link List

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>


5. Tambahkan kode style='overflow:auto; height:200px' pada kode yang berwarna biru, sehingga akan menjadi seperti ini :

<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content' style='overflow:auto; height:200px'>


Catatan : Perhatikan tanda tutup ">" nya dipindah ke paling akhir.

6.  Silahkan atur ukuran ketinggian (height) nya sesuai kebutuhan. Simpan template, lalu cek hasilnya!

Semoga berhasil...

16 komentar:

  1. Info dan Tulisannya Amazing, boeh dicoba. Sukses selalu

    BalasHapus
  2. Terimakasih Artikelnya bermanfaat dan Infonya menambah Ilmu pengetahuan. Harus dicoba. Semoga berhasil

    BalasHapus
  3. Ide cemerlang saya dapat dari Artikel yang di buat di Wibesite ini, Wajib dicoba Tipsnya. Semoga berhasil

    BalasHapus
  4. waduh, banyak amat promonya gan..
    terpaksa aku hapus 1/2 nya ya.

    BalasHapus
  5. akhirnya sukses juga masangnya sob. mesti 2x gagal.hhehehe

    thanks

    BalasHapus
  6. Itu si 'kolesterol' keterlaluan sekali la. Buang spam g tanggung2. Hapus saja hingga sisa satu. :D

    BalasHapus
  7. gan tdk bisa kenapa yah malah eror nie bingung udah di gonta-ganti ttp aj
    Kesalahan saat mengurai XML, baris 2283, kolom 67: Element type "b:widget" must be followed by either attribute specifications, ">" or "/>".

    coba kunjungi blog baru saya gan

    http://gerobakmurah.blogspot.com/

    BalasHapus
  8. gan template ane gak ada LinkListnya
    mohon solusinya
    http://dikyandrean15a.blogspot.com/
    jangan lupa follback yah

    BalasHapus
  9. maksud ane dibuat scroll daftar linknya
    tp template blog ane ga ada html Link Listnya

    BalasHapus
  10. langkah2nya, ada seperti diatas.
    tidak bisa instan..

    BalasHapus
  11. codenya ko' ga bs d copy sih. gmn saya mau nerapin nih...??

    BalasHapus
  12. Bisa dong.
    Blok kode html-nya pake Mouse kamu.

    BalasHapus
  13. thank you very much ! biar simple blogrollnya :D

    BalasHapus
  14. wah terima kasih sekali atas infonya, dari kemarin nyoba ngutak-atik template susah ga bisa-bisa, eh ketemu blog ini langsung beres, hehe, sekali lagi terima kasih

    BalasHapus

Hanya 36,37% komentar/pertanyaan cerdas yang di-approve.

Komentar yang berbau SPAM dan mengandung LINK tidak akan ditayangkan