Cara Membuat Kotak Scroll Pada Widget Popular Post Blogger

toriqoel. Cara Membuat Kotak Scroll Pada Widget Popular Post Blogger

Pernahkah Anda merasa widget Popular Post di blog Anda terlalu panjang dan mengganggu tampilan? Salah satu solusi yang efektif adalah dengan menambahkan fitur scroll pada widget tersebut. Dengan begitu, pengunjung dapat melihat lebih banyak postingan populer tanpa perlu menggulir seluruh halaman blog.

Berikut Cara Membuat Scroll pada Popular Post Blogger :

1. Pertama Log In ke Dashboard Blogger anda di www.blogger.com
2. Kemudian Pilih menu Template kemudian klik Edit Template
3. Selanjutnya cari kode ]]></b:skin> atau </style> (gunakan control F untuk mempermudah pencarian)
4. Letakkan kode di bawah ini tepat diatas kode]]></b:skin> atau </style> #PopularPosts1 .widget-content{ height:300px; width:auto; overflow:auto; }
5. Silahkan ubah tinggi widgetnya yaitu height:300px; sesuai yang anda inginkan
6. Terkahir Klik Save Template dan lihat hasilnya

Tips Tambahan:

• Sesuaikan Tinggi: Ubah nilai height untuk mengatur tinggi kotak scroll sesuai dengan desain blog Anda.
• Tambahkan Gaya: Anda bisa menambahkan properti CSS lainnya untuk menyesuaikan tampilan kotak scroll, seperti warna border, radius border, dan lain-lain.
• Berbagai Widget: Cara ini juga dapat diterapkan pada widget lain, seperti Arsip, Label, dan lainnya. Anda hanya perlu mengganti ID widget pada kode.

Contoh Kode dengan Gaya Tambahan:

#PopularPosts1 .widget-content { height: 250px; width: auto; overflow: auto; border: 1px solid #ccc; border-radius: 5px; padding: 10px; }

Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menambahkan fitur scroll pada widget Popular Post di blog Blogger Anda. Hal ini akan membuat tampilan blog Anda menjadi lebih menarik dan user-friendly.

Demikianlah Cara Membuat Kotak Scroll Pada Widget Popular Post Blogger. semoga bermanfaat.

Tags: #blogger #tutorialblogger #widgetblogger #popularpost #kotakscroll #css #html #edittemplateblogger #customizeblog

Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html

Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html. Pada umumnya untuk semua jenis Blog biasanya mereka ingin menempatkan widget pada posisi yang tepat, agar terlihat rapi dan enak dipandang. Untuk itu kami akan sedikit memberikan  tips sederhana yang membantu untuk memodifikasi blog dan menjaga mereka dalam format yang tepat dan enak dipandang atau dilihat. Berikut ini adalah salah satu kode html sederhana yang dapat meluruskan widget anda berada di sebelah kiri, di tengah atau di kanan. Tidak panjang lebar lagi mari kita buktikan .....

Jika Kode html widget berada di kiri atau rata kiri :

<div align="left"> <div align="left">
Letakkan Kode widget anda di sini ...
</div> </ Div> 

Kode html widget berada di tengah atau rata tengah :
<div align="center"> <div align="center">
Letakkan Kode widget anda di sini ...
</div> </ Div>

Kode html widget berada di kanan atau rata kanan :
<div align="right"> <div align="right">
Letakkan Kode widget anda di sini ...
</div> </ Div>

Untuk tulisan Letakkan Kode widget anda di sini ...di atas, silakan ganti dengan kode widget anda.

Demikianlah kurang lebihnya Cara meletakkan widget pada posisi rata kiri, rata tengah atau rata kanan dengan kode html. Mudah-mudahan ada manfaatnya....