Cara Buat Popular Post Widget Paling Simple

Cara Buat Popular Post Widget Paling Simple - Artikel ini saya buat untuk newbie yang mula membina blog. Mungkin anda mahu sesuatu yang unik untuk blog anda.

Apa kata anda cuba mempelbagaikan popular post widget anda. Salah satunya adalah seperti popular post widget dalam blog ini.

Cara Buat Popular Post Widget Paling Simple

1. Masuk keep Dashboard > Template > EDIT HTML

2. Cari kod ]]></b:skin> dan masukkan kod di bawah ini di atasnya.

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #dddddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul li a:hover {
text-decoration:none;
<a href="http://www.indoamaterasu/">indoamaterasu</a>
}

Selepas ditambah di atas kod ]]></b:skin> anda, template anda akan kelihatan seperti di bawah:-

3. Tekan SAVE

4. Selesai.

Nota:

Untuk mengatur ketinggian dan lebar widget popular post, adjustkan di padding: 5px 5px 5px 20px. Sesuaikan dengan template yang anda gunakan.

Selamat mencuba.