Tampilkan postingan dengan label popular post. Tampilkan semua postingan
Tampilkan postingan dengan label popular post. Tampilkan semua postingan

Senin, 22 Desember 2014

Cara Membuat Kotak Scroll Pada Widget Popular Post Blogger

Widget Popular Post

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