Pengunjung Ke :
Mengenai Saya
Cara Membuat Popular Pos Keren
Tak bisa dipungkiri jika kita memiliki blog yang keren dan unik akan membuat pengunjung tertarik terhadap blog yang kita miliki. Mereka akan ingat terhadap blog kita jika kita memiliki blog yang indah nan cantik. Salah satunya dengan cara membuat popular post yang keren. Popular post akan menampilkan update artikel pos yang paling populer di antara seluruh artikel yang kita miliki.Langsung saja mari kita praktekkan caranya.
Pertama kita buat popular pos dengan cara seperti ini :
1 . Cara membuat Popular Post
Buka tata letak / layout blog ....
2.Pilih Tambahkan gadget
3. Pilih Entri popular
4. Atur pengaturan popular post
5. Jika sudah selesai klik simpan
6. Buka template lalu Edit HTML
7. Cari kode html popular pos ganti dengan kode di bawah ini
8. Dan hasilnya akan menjadi seperti ini
/* -- POPULAR POST -- */<br />
.PopularPosts .widget-content ul{margin:0;padding:7px !important;list-style-type:none;}<br />
.PopularPosts .widget-content ul li{position:relative;padding:10px !important;}<br />
.PopularPosts .widget-content ul li:first-child {background:#815540;width:93%}<br />
.PopularPosts .widget-content ul li:first-child:after{content:"01";}<br />
.PopularPosts .widget-content ul li:first-child + li{background:#E11E28;width:90%}<br />
.PopularPosts .widget-content ul li:first-child + li:after{content:"02";}<br />
.PopularPosts .widget-content ul li:first-child + li + li{background:#FD3C03;width:85%}<br />
.PopularPosts .widget-content ul li:first-child + li + li:after{content:"03";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li{background:#FECB09;width:80%;}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li:after{content:"04";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#6EBE27;width:75%;}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:"05";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#149A48;width:70%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li:after{content:"06";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#5BBFF1;width:65%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li +li:after{content:"07";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li +li{background:#61469C;width:60%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after{content:"08";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li{background:#863E86;width:55%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li:after{content:"09";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li + li +li{background:#863E62;width:50%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li +li:after{content:"10";}<br />
.PopularPosts .widget-content ul li:first-child:after,<br />
.PopularPosts .widget-content ul li:first-child + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li +li:after<br />
{position:absolute;top:1px;right:1px;background:#333;width:20px;line-height:1em;text-align:center;color:#fff; font-size:12px !important; font-weight:bold}<br />
.PopularPosts .widget-content ul li .item-thumbnail{float:left;border:none;margin-right:10px;padding:0;width:30px;height:90px}<br />
.PopularPosts .widget-content ul li a{color:white;text-decoration:none}
.PopularPosts .widget-content ul{margin:0;padding:7px !important;list-style-type:none;}<br />
.PopularPosts .widget-content ul li{position:relative;padding:10px !important;}<br />
.PopularPosts .widget-content ul li:first-child {background:#815540;width:93%}<br />
.PopularPosts .widget-content ul li:first-child:after{content:"01";}<br />
.PopularPosts .widget-content ul li:first-child + li{background:#E11E28;width:90%}<br />
.PopularPosts .widget-content ul li:first-child + li:after{content:"02";}<br />
.PopularPosts .widget-content ul li:first-child + li + li{background:#FD3C03;width:85%}<br />
.PopularPosts .widget-content ul li:first-child + li + li:after{content:"03";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li{background:#FECB09;width:80%;}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li:after{content:"04";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#6EBE27;width:75%;}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:"05";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#149A48;width:70%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li:after{content:"06";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#5BBFF1;width:65%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li +li:after{content:"07";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li +li{background:#61469C;width:60%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after{content:"08";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li{background:#863E86;width:55%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li:after{content:"09";}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li + li +li{background:#863E62;width:50%}<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li +li:after{content:"10";}<br />
.PopularPosts .widget-content ul li:first-child:after,<br />
.PopularPosts .widget-content ul li:first-child + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li:after,<br />
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li +li:after<br />
{position:absolute;top:1px;right:1px;background:#333;width:20px;line-height:1em;text-align:center;color:#fff; font-size:12px !important; font-weight:bold}<br />
.PopularPosts .widget-content ul li .item-thumbnail{float:left;border:none;margin-right:10px;padding:0;width:30px;height:90px}<br />
.PopularPosts .widget-content ul li a{color:white;text-decoration:none}
Kunjungi blog kamu untuk melihat apakah widget popular post sudah terpasang dengan baik pada sidebar blog kamu . Beritahu aku jika kamu membutuhkan bantuan lebih lanjut dalam mengubah jenis font atau warna. Widget akan secara otomatis menggunakan warna standar pelangi, tetapi jika kamu ingin mengubah untuk sesuatu yang berbeda maka jangan ragu untuk membiarkan aku tahu dengan mem-posting komentar kamu di bawah ini.
Langganan:
Postingan
(Atom)
