Membuat - Memasang Scroll Box Widget Popular Posts Blogger

Ada dua cara untuk membuat atau memasang scroll box pada widget popular posts blogger plugins.

Menggunakan kode CSS
Menggunakan kode html di bagian body.

Ke dua cara di atas menghasilkan fungsi yang sama, hanya cara yang digunakan berbeda. Jika kita gunakan kode CSS maka kode bisa kita simpan dalam template melalui add a gadget atau disimpan di atas kode ]]></b:skin>, sedangkan untuk xHTML kita harus menyimpan di antara tag pembuka body (<body>) dan tag penutup </body> melalui halaman "Edit HTML".

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

<div class='widget-content popular-posts' style='height:250px;overflow:auto;'>

Simpan Temlate (Save Template).
Selesai (Finish).

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!

http://gubhugreyot.blogspot.com/2012/01/membuat-memasang-scroll-box-widget.html

Membuat - Memasang Scroll Box Widget Popular Posts Blogger

0 komentar:

Posting Komentar