Home » » Membuat Scroll Pada Archive

Membuat Scroll Pada Archive

Untuk Postingan kali ini saya ingin berbagi trik kepada para sobat blogger tentang bagaimana membuat kotak archive berbentuk scroll. yang mana fungsi scroll disini tentu saja menghemat tempat agar tampilan widget blog sobat lebih tampak rapi dan elok untuk dinikmati pemirsa. dari postingan mengenai tips dan trik di bertautan dotcom ini saya buat murni dari bentuk-bentuk template yang tertempel di blog saya. jadi nanti mengenai ukuran dan bentuk bisa sobat utak dan atik sendiri ya... :). yuk kita simak tipsnya.
  • 1. Pertama lakukan langkah awal seperti biasa,  dashboard > Design > Edit html > Expand widget templates. o iya, untuk menjaga hal-hal yang tidak diinginkan maka seyogyanya di back-up dulu ya template sobat.
  • 2. Gunakanlah fungsi find (ctrl + F) untuk mempermudah mencari code berikut , Carilah code ini  :   <div id='ArchiveList'>
  • 3. Setelah ketemu kode diatas maka sobat akan menemui kode <div class='widget-content'> sebelum kode  <div id='ArchiveList'>
  • 4. Selanjutnya sobat Ganti Kode <div class='widget-content'>  dengan kode di bawah ini :
<div class='widget-content' style='overflow:auto; height:200px'>
  • 5. untuk tinggi kotak maka yang perlu diganti adalah pada bagian Height-nya, sobat bisa atur sesuai selera.
Bagaimana, mudah bukan ?.... selamat mengutak atik widget templatenya ya. semoga di postingan yang singkat ini bisa memberi manfaat pada sobat-sobat saya. aamiin.

5 komentar:

  1. nice share sob, terus tulis apa yang anda terapkan dalam blog ini, paling tidak sebagai documentasi.

    Sebenarnya bukan pada archive saja sob yg bisa ditambahkan scrollbar, semua widget bisa dikasih scrollbar, sobat bisa baca di artikelku yg berjudul "Widget dengan Scrollbar"

    Wilujeng ngeblog

    ReplyDelete
    Replies
    1. makasih supportnya akang... iya nih saya masih pemula, yang saya tempelkan disini saya buat postnya kang...
      salam hangat selalu kang asep sakahayang

      Delete
  2. linkback sudah terpasang,,,
    bisa lihat di page link exchange tab text link...

    wilujeng ngeblog.

    ReplyDelete
    Replies
    1. makasih bang sakahayang...makasih untuk supportnya

      Delete
  3. wahh..Bagus nich tipsnya...terima kasih sobat...salam kenal...

    ReplyDelete

* Berikan komentar secara Bijaksana dan membangun*
* Spam adalah tindakan tidak terpuji sebagai Blogger Sejati *

Ruqyah syar'i MP3