Membuat Widget Popular post Warna Warni Keren
Agar blog terlihat lebih menarik, salah satu hal yang anda lakukan adalah dengan merubah tampilan blog ada supaya terlihat cantik dan menarik. Hal ini dimaksudkan agar pengunjug blog anda merasa nyaman ketika megunjungi blog anda, dan tentunya menambah visitor blog menjadi lebih banyak.
Widget merupakan sebuah tool yang di gunakan untuk menambah fitur dalam sebuah blog, salah satu widget yang paling populer di gunakan dalam sebuah blog adalah widget Popular Post.Widget popular post adalah widget yang menampilkan artikel unggulan yang ada dalam blog anda, widget ini juga dikenal dengan top trending.Gambar di atas adalah widget popular post yang di design semenarik mungkin dengan tambahan Thumbanil gambar. Untuk membuat popular post keren di atas ikuti langkah langkah di bawah ini.
LANGKAH LANGKAH MEMBUAT WIDGET POPULAR POST
1. Login ke blog Anda.
2. Masuk ke menu blog, pilih "TEMPLATE"3. Klik "Edit HTML".
5. Cari kode ]]></b:skin>6. Copy kode di bawah ini lalu tempatkan tepat diatas kode ]]></b:skin>
7. Masuk ke dalam blog lalu pilih "Tata Letak"
#KEYWORD COMMAND
popular post keren
popular post warna warni
popular post dengan thumbanil
/* Popular Posts */
#PopularPosts1 ul{padding:0;margin-top:-15px;}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{list-style:none;border:none;background:none;outline:none;margin:0;padding:0}
.PopularPosts ul{list-style:none;font-size:15px;color:#fff;margin:0 !important;width:100% !important;font-weight:bold}
.PopularPosts ul li img{display:block;transition:all 400ms ease-in-out;width:91px;height:60px;float:left;border-radius: 7px}
.PopularPosts ul li img:hover{border:4px solid rgba(0,0,0,0.5);transition:all 400ms ease-in-out}
.PopularPosts ul li{background-color:#eee;counter-increment:num;position:relative;margin:0 10% 0 0;padding:10px;height:70px;}
.PopularPosts .item-title{text-overflow: ellipsis;overflow:hidden;height:55px}
.PopularPosts ul li:before,
.PopularPosts ul li .item-title a{font-size:13px !important;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;font-size:35px !important;font-weight:700;color:rgba(0,0,0,0.2);top:40%;left:9px;}
.PopularPosts ul li{margin:0 !important;padding:10px 5px 10px 40px}
.PopularPosts ul li:nth-child(1){background-color:#5d93b2}
.PopularPosts ul li:nth-child(2){background-color:#67b8b3}
.PopularPosts ul li:nth-child(3){background-color:#67c27a}
.PopularPosts ul li:nth-child(4){background-color:#ee9f7e}
.PopularPosts ul li:nth-child(5){background-color:#ea6868}
.PopularPosts ul li:nth-child(6){background-color:#b65757}
.PopularPosts ul li:nth-child(7){background-color:#e9c462}
.PopularPosts ul li:nth-child(8){background-color:#84d558}
.PopularPosts ul li:nth-child(9){background-color:#4dd38c}
.PopularPosts ul li:nth-child(10){background-color:#b44d7a}
.PopularPosts widget-content{border-radius: 12px;margin:0;padding:0;overflow:hidden}
7. Masuk ke dalam blog lalu pilih "Tata Letak"
8. Kemudian "Tambahkan Gadget" dan pilih "Popular Posts"
9. Silahkan atur pada opsi widget sesuai selera anda
10.Klik "Simpan" dan "Simpan Perubahan"
#KEYWORD COMMAND
popular post keren
popular post warna warni
popular post dengan thumbanil
