Monday, June 6, 2016

Ini Cara Mudah membuat Popular post Paling Keren

widget popular post menarik
Langkah untuk membuat Popular post tipe 3 ini;

Pertama, Login ke Blogger
Kedua, Pilih Template lalu Edit HTML

Ketiga, Klik CTRL+F untuk memunculkan kota pencari. Lalukan pencarian kode ]]></b:skin> atau </style> 

Keempat, letakkan kode berikut tepat di atasnya.

/*--- Genera Popular Posts --- */
.popular-posts ul{padding-left:0px;}
.popular-posts ul li {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUqmihyJFDhtT-oRoxzZ1yvJ4CRXyHVqAcMz-ZwF_UDkLzV0xv1xamFJbo9DRcTC49UpBqoS3vzdWRes1EdKiVUYnXUEW8lVUW0KWQyauFHkMUexCsULq5yUBDhU64wRbUF_iRagJnkA7h/s400/33.gif") no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius: 10px 10px 10px 10px;
}
.popular-posts ul li:hover {
border:1px solid #666666;
}
.popular-posts ul li a:hover {
text-decoration:none;
}

Kode berwarna biru merupakan kode warna. Sobat juga bisa mengganti warna sesuai selera dengan mengganti kode warnanya. Lihat daftar kode warna di sini
Kelima, Jangan simpan template dahulu! Liat tampilannya dahulu di Pratinjau template. Setelah Terlihat Popular post pelangi berhasil dipasang, Simpan template.

_Nahayuka_

Artikel Terkait


EmoticonEmoticon