Wednesday, July 31, 2013

Modifikasi Popular Post Agar Lebih Menarik






Pada postingan ini saya akan share mengenai cara memodifikasi popular post agan kelihatan menarik diblog untuk caranya pemasangannya sangat mudah untuk lebih lengkapnya silahkan ikuti langkah dibawah ini..

Masuk blog agan
pilih menu Tata letak/add gadged
lalu pilih Entri Populer
untuk pengaturannya perhatikan gambar dibawah ini






Setelah itu klik simpan
Selanjutnya pilih menu template/edit html
gunakan ctrl+ f untuk menemukan kode  ]]></b:skin>
Bila sudah ketemu letakan kode dibawah ini tepat diatas tag  ]]></b:skin>

/*--- Popular Post Style EMP-BLOG Start --- */
 class="tr_bq">
.popular-posts ul{padding:0px; 0px; 0px; 0px;}
.popular-posts ul li {
background: #FFF url(http://3.bp.blogspot.com/-yMrpkWcL_4w/UB_ymWAga3I/AAAAAAAAAXc/8dmBJK6vJ80/s769/blogtariff.com-rd1.jpg) no-repeat 2px;
margin:0px 0px 5px 0px;
padding:5px 5px 5px 30px !important;
border: 1px solid #C2C0C0;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
list-style-type: none;
}
.popular-posts ul li:hover {
background: #FFF url(http://1.bp.blogspot.com/-V-jaA0_1bMI/UB_yqynw7vI/AAAAAAAAAXo/lgz_o0Cx4aM/s769/blogtariff.com-rd2.jpg) no-repeat 2px;
border:1px solid #FE0B0B;
}

.popular-posts ul li a:hover {
text-decoration:none;
color:#0419F7;
}
/*--- Popular Post Style EMP-BLOG End--- */


Silahkan sesuaikan warna agar terlihat serasi dengan blog agan..
Jika sudah silahkan simpan template agan dan lihat hasilnya
Selamat mencoba semoga bermanfaat...

0 comments:

Post a Comment