Hay para Blogger ketemu lagi dengan saya kang anandi rasid, kali ini saya akan memberikan tips bagi para blogger tentang Cara Cepat Membuat Entri Populer Berwarna Di Beranda Blog.
Popular Post ini sangat penting bagi bolg anda karena hal ini akan memancing pembanca blog anda untuk melihat dan langsung membaca. Kali ini saya akan memberikan tutorial supaya popular post anda semakin menarik di lihat para pengunjung blog anda.
Gambar Hasil
Ok tak usah panjang lebar dalam hal ini tak susah dan sangat mudah di peraktekan di blog anda, simak saja dan praktean langsung supaya anda bisa dalam hal ini OK !!.
Langsung Saja Cara Cepat Membuat Entri Populer Berwarna Di Beranda Blog adalah...
Hal pertama yang anda lakukan iyalah login dulu ke akun blog anda. Kalau tidak mau ribet bisa masuk Di Sini. Kalau anda sudah masuk ke blog anda selanjutnya silahkan anda masuk ke blog yang anda sudah buat, lalau Masuk ke Tata Letak.
Kalau anda sudah masuk ke tata letak silahkan anda klik Tambahkan Gadget, lalau pilih Entri Populer dan simpan di Bilah sisi Kiri atau kanan terserah anda yang akan memasangkannya.
Di dalam pengaturan Entri Populer anda jangan mencentang Thumbnail gambar dan Cuplikan yang seperti gambar di bawah. Selanjutnya anda bisa lang SAVE atau SIMPAN.
Langkah Selanjutnya silahkan anda masuk ke Menu Template. Silahkan anda klik Template dan silahkan anda klik Edit HTML, maka anda akan di alihkan ke kode HTML yang begitu rumit, tak usah hawarir dan galau ini soal gampang silahkan ikuti caranya.
Pertama silahkan anda cari kode : ]]></b:skin> Bila anda susah menemukannya silahkan anda gunakan CTRL+F lalau copy kode yang dicari lalau ENTER nanati akan muncul dengan sendrinya dan akan di tandai dengan warna.
Kalau sudah ketemu silahkan anda copy kode dibawah ini lalau pastekan pas di atas kode yang barusan di cari atau yang jelasnnya copy lalau simpan pas di atas kode ]]></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}
--------------------------------------------------------------------------------------------------------------------------
Keterangan
Scrip yang di tandai dengan warna merag itu adalah kode warna silahkan anda bisa ganti sesui kesukaan anda sendri. Anda bisa mencari kode HTML warna silahkan klik DI SINI.
Kalau anda sudah masukan dan meng edit warnanya silahkan anda Save atau Simpan Template.
Kemudaian lihat hasilnya di blog anda.
Mungkin itu sedik tutorial dari saya tentang Cara Cepat Membuat Entri Populer Berwarna Di Beranda Blog, semoga bermanfaat bagi anda yang sudah membaca dan memperaktekan tutorial dari saya. Terima Kasih banyak. Salam Blogger.