Cara Membuat Scroll Pada Widget Blog

blogger templates
AdrinPunyaBlog - Hy Sahabat Blogger semuanya...:) Kali ini admin Blog AdrinPunyaBlog akan memposting artikel yang berjudul Cara Membuat Scroll Pada Widget Blog. Sebenarnya Scroll itu hanya untuk menghias blog saja...:) ,tapi jika sobat ingin membuat widget blog sobat dengan scroll, sobat harus memilih 1 dari antara 2 cara berikut ini:


Langkah-Langkah untuk membuat croll pada widget blog Sobat ada 2 cara, berikut ini adalah cara-caranya...:

1.Dengan Javascript 
  • Login ke Akun Blogger Sobat
  • Pilih Tata Letak
  • Lalu klik "Tambah Gadget"
  • Lalu Copy Paste Kode yang ada di Bawah ini...:)

<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;">
..................................
</div>
  • #NB: Ganti Titik-titik dengan kode widget Sobat...:)
2. Dengan Kode CSS di Dalam Template


  • Login ke Akun Blogger Sobat
  • Pilih Template
  • Klik "Edit HTML"
  • Lalu centang "Expand Template Widget"
  • Lalu cari kode ]]></b:skin>
  • Lalu Tambahkan kode berikut ini tepat di atas kode ]]></b:skin>
#BlogArchive .widget-content{
height:230px;
width:auto;
overflow:auto;
}
  • #NB : Ganti Tulisan berwarna merah dengan judul widget sobat...:)
TERIMA KASIH | SEMOGA BERMANFAAT

0 Response to "Cara Membuat Scroll Pada Widget Blog"

Post a Comment

Silahkan Berkomentar. Tidak Memakai Verifikasi Kata. Dilarang Live Link Dan Berkomentarlah Dengan Sopan!

Powered by Blogger.