Membuat entri populer dalam scroll box

Berbagi Apa Saja Entry popular blog adalah widget yang dapat menampilkan baik beberapa judul posting saja maupun judul posting berserta cuplikan redaksi artikel posting blog. Widget ini merupakan salah satu dari sekian widget yang disajikan oleh bloger yang bisa didapatkan oleh pengelola blog secara gratis melalui add gadget blog.

Pada artikel ini akan diperkenalkan cara mengatur tampilan scroll box widget entry popular blog. Pengaturan ini dilakukan karena widget enrty polpular adalah widget default. Akan tetapi walaupun default pengguna masih bisa mengatur jumlah dan jenis tampilannya.
Untuk mendapatkan hasil dari kode yang diperkenalkan di bawah ini langkah yang wajib dilakukan adalah memasang gadget Entry populer. Untuk mendapatkan Gadget Entry popular dapat dilakukan sebagai berikut, yaitu:
1. Sign in di blog
2. Klick Rancangan
3. Klick Add gadget
4. Pilih Entry Popular
5. Atur Jumlah artikel yang ingin ditampilkan dengan mencentang/menandai kotak yang tersedia.
6. Klick Simpan agar widget tersebut

Dengan melakukan 6 (enam) langkah yang dijelaskan di atas blog anda sudah memiliki widget entry popular. Langkah selanjutnya adalah membuat Widegt Entry populer ini menjadi berbentuk scroll box sehingga memungkinkan pengujung dapat melihat artikel-artikel didalamnya dengan menggunakan mouse.

Cara membuat scroll box widget entry populer dapat dilakukan dengan langkah-langkah yang dijelaskan di bawah ini. Langkah yang akan ditempuh di bawah ini bloger sedang berada pada posisi halaman rancangan (setelah sign in). Caranya sebagai berikut, yaitu:
1. Klick Edit HTML
2. Cari kode ]]>. Untuk memudahkan menemukannya gunakan Ctrl F lalu masukan kode ]]> pada teks box yang muncul pada bagian bawah screen (layar) komputer/laptop yang digunakan.
3. Copy kode di bawah ini dan tempatkan di atas atau sebelum ]]>
#PopularPosts1.widget{
height:270px;
width:285px;
overflow:auto;
}

Keterangan
270px adalah tinggi kolom widget
285px adalah lebar kolom widget

4. Klick Simpan Template untuk menyimpan perubahan.
5. Klick Lihat untuk melihat hasilnya.

Sumber
Previous
Next Post »

Terima kasih atas kunjungan Anda di Blog saya.
Mohon tinggalkan komentarnya. Out Of Topic Show Konversi KodeHide Konversi Kode Show EmoticonHide Emoticon

Thanks for your comment