1 MENIT MEMBUAT POPPULAR POST KEREN ATAU BERWARNA DI BLOG ~ Raka Aditya Putra

1 MENIT MEMBUAT POPPULAR POST KEREN ATAU BERWARNA DI BLOG - Halo friends rakasauruss, pada udah taukan apa itu poppular post? yang belum tau sini deh simak baik-baik. Jadi gini poppular post adalah rangkuman artikel ataupun judul artikel yang sering di klik atau sering di baca oleh pengunjung blog semakin banyak pembaca pada artikel tersebut maka artikel tersebut akan menduduki poppular post teratas. dah pada kesempatan kali ini saya akan berbagi cara bagaimana cara membuat poppular post semakin menarik, salah satunya membuat poppular post menjadi lebih berwarna seperti ini nih.

keren bukan? poppular post nya semakin berwarna dan tentunya semakin membuat menarik tampilan blog kalian. nah gimana sih cara buatnya? gampang kok kalian cukup ikuti cara nya :

Masuk ke Blogspot
Kemudian Klik Tataletak - Klik Edit Poppular Post
Uncek yang di kotak merah
Kemudian Ketemplate, Edit HTML
Kemudian cari ]]></b:skin>, copy paste script dibawah ini di atas ]]></b:skin>

/*Custom Popular Post*/

.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}

.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}

.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}

.PopularPosts ul li a{color:#fff!important}

.PopularPosts ul li a:hover{color:#2c3e50!important}

.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}

.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}

/* Pengaturan Warna */

.PopularPosts ul li:nth-child(1){background-color:#f1c40f;}

.PopularPosts ul li:nth-child(2){background-color:#f39c12;}

.PopularPosts ul li:nth-child(3){background-color:#2ecc71;}

.PopularPosts ul li:nth-child(4){background-color:#27ae60;}

.PopularPosts ul li:nth-child(5){background-color:#e67e22;}

.PopularPosts ul li:nth-child(6){background-color:#d35400;}

.PopularPosts ul li:nth-child(7){background-color:#3498db;}

.PopularPosts ul li:nth-child(8){background-color:#2980b9;}

.PopularPosts ul li:nth-child(9){background-color:#ea6153;}

.PopularPosts ul li:nth-child(10){background-color:#c0392b;}

.PopularPosts .item-thumbnail{margin:0 0 0 0}

.PopularPosts .item-snippet{font-size:11px}

Gimana mudah bukan MEMBUAT POPPULAR POST KEREN ATAU BERWARNA DI BLOG.

Semoga Bermanfaat.

Tentang Penulis

Halo, nama saya Raka Aditya Putra salah satu mahasiswa Universitas Teknologi Yogyakarta. Berawal dari ketertarikan saya untuk menulis dan saat ini saya tuangkan hobby saya di blog baru ini. Saran Kritik silahkan Hubungi saya disini.

1 MENIT MEMBUAT POPPULAR POST KEREN ATAU BERWARNA DI BLOG

Tentang Penulis

Artikel menarik lainya