Ada dua cara untuk membuat atau memasang scroll box pada widget popular posts blogger plugins.
D E M O
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoXBIEidF-p08DmBYk0-NvPC045ufvnxAhmip6W1uLV0TMW93J9dJJoixQsvfS2SUiCY8fgoWcNUXyWHpqjPmgC7RQGDivHO7zn7f-NJpKR6WlM7Hvt39bBXrjYKdQMHADXsctEsc3io/s200/gubhugreyot-blogdetik.jpg)
Update » Setu Pahing, January, 14, 2012
- Menggunakan kode CSS
- Menggunakan kode html di bagian body.
D E M O
Bentuk Scroll Box Widget Popular Posts Blogger Plugins dapat sampeyan lihat dengan membuka link demo di bawah ini.D E M O
Cara membuat Scroll Box Popular Posts dg Kode CSS
- Login ke Blogger.
- Halaman Dasbor (Dasboard).
- Rancangan (Design).
- Edit HTML
- Backup Template.
- Cari kode ]]></b:skin>. Letakkan kode CSS di atas kode tersebut.
- Simpan Temlate (Save Template).
- Selesai (Finish).
Kode CSS
.popular-posts{
overflow:auto;
height:250px;
}
]]></b:skin>
Cara membuat Scroll Box Popular Posts dg xHTML
- Login ke Blogger.
- Halaman Dasbor (Dasboard).
- Rancangan (Design).
- Edit HTML
- Klik Expand Widget Template.
- Backup Template.
- Cari kode <div class='widget-content popular-posts'>.
- Ganti kode di atas dengan kode berikut
- Simpan Temlate (Save Template).
- Selesai (Finish).
<div class='widget-content popular-posts' style='height:250px;overflow:auto;'>
Catatan/Keterangan:
- Buka Special Tutorials yang terletak di menu sebelah kiri jika membutuhkan "Panduan Backup Templates dan Panduan Cara Cepat Cari Kode HTML"
- Untuk menambah tinggi box bisa dilakukan perubahan nilai pada height:250px. Semakin besar nilai maka box akan semakin tinggi.
- Lakukan perubahan pada beberapa kode css atau xHTML jika menginginkan tampilan yang lebih menarik.
- Panduan Cara mengaktifkan/install widget popular posts dapat dibaca di sini!
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJoXBIEidF-p08DmBYk0-NvPC045ufvnxAhmip6W1uLV0TMW93J9dJJoixQsvfS2SUiCY8fgoWcNUXyWHpqjPmgC7RQGDivHO7zn7f-NJpKR6WlM7Hvt39bBXrjYKdQMHADXsctEsc3io/s200/gubhugreyot-blogdetik.jpg)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDkCbMGTjcRs3tUZvHLs6RMtNZAsu1KIn0qQ5MBV_gObCvWH1q2Mi4Ch6BBSAWzH81TXwwYBUxBQZqPy-b2SLzWyEegdBRHzDLuIgE4_gKneouuwJ0S-DwYsJ09QzNr1CFpiDdZfeSw1w/s200/bloggerstuars-blogspot.jpg)
» Happy Blogging - gubhugreyot «