Membuat Counter Box pada Widget Label
![Membuat Counter Box pada Widget Label Membuat Counter Box pada Widget Label](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil5bUTgSFuakxs4T2buWtMBF2P8gfFygtFxJWeAc0RE9YOuNDvxFca4NeOlwEq_J7IhmwcpNBDxBIFhBftktk8lCQUKXOoD3-Lm04BMWObokau5WZHZBohrpNBfpQwG4n0vOMM2HRuZoI/w600/label-block-counter.png)
07 February 2014
Membuat Counter Box pada Widget Label di Blog - Mungkin sobat sering melihat Widget Label dengan counter seperti itu. Saya pribadi pertama menemukan di DeluxeTemplates.net, kemudian di PremiumBlogTemplates.com dan di DTE.
Bagi sobat yang mau menerpkannya, berikut langkah-langkahnya :
Langkah 1 : Buat widget Label, centang Tampilkan jumlah entri per label.
Langkah 2 : Simpan kode ini di atas ]]></b:skin> atau </style>
CSS di atas tidak mutlak pada
#Label1
, apabila ada beberapa label pada template sobat silahkan pilih dan edit menjadi#Label2
atau #Label3
dst.Langkah 3 : Pada Label terpilih, cari kode :
Ganti Menjadi...
Pada hasil akhir, apabila jumlah postingan lebih banyak maka akan lebih lebar seperti ini 123 dibanding yang lebih sedikit seperti ini 32. Untuk membuat ukuran yang sama, pada
#Label1 li .label-counter
tambahkan ukuran fixed :width:25px
silahkan sesuaikan ukuran pixel sesuai selera sobat.
Semoga Bermanfaat....
Jangan Lupa Klik Tombol Like dan Tombol Share Yaa...