Header Ads

Cara Memberi Scroll pada Arsip Blog dan Label

Cara Memberi Scroll pada Arsip Blog dan Label

Widget Arsip Blog dengan gaya hierarki yang dipasang di sidebar akan terus memanjang ke bawah seiring bertambahnya jumlah postingan atau artikel-artikel yang telah diterbitkan.

Bila hal ini dibiarkan tentunya dapat memakan tempat sidebar blog.

Begitu pula dengan gadget Label jenis daftar, dia akan terus memanjang sesuai dengan banyaknya label di blog tersebut.

Nah, salah satu solusi agar menghemat tempat pada sidebar adalah dengan memberikan scroll pada kedua widget tersebut.

Scroll merupakan penggulung yang dapat digerakkan ke atas atau ke bawah.

Scroll ini juga dapat membuat blog terlihat tertata lebih rapi.

Berikut ini cara memberi scroll atau penggulung pada widget Arsip Blog dan Label.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Klik Download Template Lengkap untuk mem-back up template.

4. Cari kode ]]></b:skin> (Gunakan tombol Ctrl + F untuk memudahkan pencarian)

5. Biasanya kode id untuk widget Arsip Blog seperti di bawah ini.

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

Maka untuk memberi scroll pada widget Arsip Blog silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

6. Sedangkan kode id untuk widget Label umumnya seperti di bawah ini.

<b:widget id='Label1' locked='false' title='Label' type='Label'/>

Maka untuk memberi scroll pada widget Label silakan copy kode di bawah ini dan paste di atas kode ]]></b:skin>

#Label1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

7. Klik tombol SIMPAN TEMPLATE.

  • Angka 200 menunjukkan tinggi scroll sebesar 200 piksel, Anda dapat menggantinya sesuai keinginan Anda. Makin besar angkanya makin tinggi scroll-nya.

12 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. makasih sob atas ilmunya..
    saya jd terbantu.
    kunjungi blog saya ya yupforyou.blogspot.com

    ReplyDelete
  3. @Eval Yupzalive Sama-sama sob.. Terima kasih yah telah berkunjung.

    ReplyDelete
  4. kang caranya supaya bisa buat menu scrool kaya akang bgmana sie?trs bgmana cara masukin script artikel2 tertentu,supaya gak semua masuk didlm menu scroolnya,kaya punya akang kan sesuai label tu kaya yg tips blogger diatas itu,lalu say juga mau tnya cara supaya blog bisa dibuka cepet saat diakses,saya tunggu tutorialnya kang.terima kasih

    ReplyDelete
  5. @David Prasetiawan Buat bikin daftar isi per label, coba cek yang ini gan http://klikmunadi.blogspot.com/2011/07/cara-membuat-daftar-isi-per-label.html

    ReplyDelete
  6. Ternyta sangat mudah ya sob... mksi infonya sob...

    ReplyDelete
  7. Blog ini sangat membantu,terimakasih ya.

    ReplyDelete

Comment Policies:

1. NO SPAM
2. NO LIVE LINK

Any violation will be deleted within 24 hours, thanks for your attention.

Template images by Ollustrator. Powered by Blogger.