Silakan masuk pada akun blogger Anda
Kemudian Tambahkan Gadget dan pilih Entri Populer, lalu atur agar popular post hanya menampilkan judul saja.
langkah di atas dilakukan untuk anda yang belum memasang widget ini di blog.
Kemudian tambahkan CSS dibawah ini pada template Anda, simpan diatas kode
]]></b:skin> atau </style> dan Simpan .PopularPosts ul{list-style-type:none; padding:5px}
.PopularPosts {color:#fff; line-height:1.6; font-size:100%; border-radius:5px 5px 0 0; padding}
.PopularPosts {line-height:1.6; font-size:100%; border-radius:0; color:#fff}
.PopularPosts a{color:#fff}
.PopularPosts a:hover{color:#fff}
.PopularPosts ul{list-style:none; margin:0; margin-left:-18px; padding:0; counter-reset:popcount}
.PopularPosts ul li:before{list-style-type:none; margin-right:15px; margin-left:5px; padding:0.3em 0.6em; counter-increment:popcount; content:counter(popcount); font-size:16px; color:#fff; position:relative; float:left; border:1px solid #fff; border-radius:100%}
.PopularPosts li{text-transform:uppercase; background:none; margin:0; padding:10px 18px; display:block; clear:both; overflow:hidden; list-style:none; font:13.5px/140%; border-bottom:none}
.PopularPosts li:hover{background:#0FB9BB}
.PopularPosts li a{text-decoration:none}
.PopularPosts ul li{padding:3px 20px; border:none}
.PopularPosts ul li:nth-child(1){background-color:#F48067; margin-right:0}
.PopularPosts ul li:nth-child(2){background-color:#2ba6e1; margin-right:0}
.PopularPosts ul li:nth-child(3){background-color:#718397; margin-right:0}
.PopularPosts ul li:nth-child(4){background-color:#11b7b5; margin-right:0}
.PopularPosts ul li:nth-child(5){background-color:#d9ba71; margin-right:0}
.PopularPosts ul li:nth-child(6){background-color:#F48067; margin-right:0}
.PopularPosts ul li:nth-child(7){background-color:#2ba6e1; margin-right:0}
.PopularPosts ul li:nth-child(8){background-color:#718397; margin-right:0}
.PopularPosts ul li:nth-child(9){background-color:#11b7b5; margin-right:0}
.PopularPosts ul li:nth-child(10){background-color:#d9ba71; margin-right:0}
ingat, judul widget tidak akan tampil seperti di gambar. untuk seperti itu silahkan edit sendiri ya.
Semoga berguna dan bermanfaat...
3 komentar
Bookmark dlu mas..
BalasHapusok
HapusIn the Rolex Submariner collection, the Green Aquaman is undoubtedly the most sought-after one. Its use of the brand's signature green colour makes it look quite a showstopper. There are old and new versions of the Green Ghost,replica watches uk with the old one having a green ring and green disc configuration, which is quite pure and classic. And replica longines watches for those who are a little aesthetically tired of the old Green replica montblanc watches Sailor, the new Green Sailor is worth a look. The black disc with green rim is a little less pure but more charming, and the fact that it is equipped with the 3235 movement is certainly a plus.
BalasHapusLink aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>