Saya akan Membagikan Tutorial yang berjudul Cara Membuat Popular Post Dengan Css . Anda Ingin Popular Postnya Seperti Digambar ?? Tinggal Ikutin Aja Caranya / Praktekan Kalo Mau Lihat Kebawah Langsungg Gann ...
Caranya :
Dashboard -> Layout -> Add Gadget -> Popular Posts
1. Setting Popular Post anda speerti digambar bawah :
Jika Sudah ... Ikutin Lagi Cara Selanjutnya
2. Ke Template > Edit HTML
3. Terus Cari Kode ]]></b:skin>
4. Letak Kode Dibawah Ini Tepat Diatas ]]></b:skin>
Codenya :
Jika Sudah .../* Css Popular Post www.xdimas-root.tk */
.popular-posts ul{padding-left:100px;}
.popular-posts ul li {background: #000000 no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 1px 6px !important;
border: 1px solid #000000;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul li:hover {
background:#000000;
}
.popular-posts ul li a
{
text-decoration:none;
font:14px Georgia, verdana;
color:#222222;
}
.popular-posts ul li a:hover {
text-decoration:none;
color:#fff;
}
5. Terus Save dan lihat hasilnya
Dashboard -> Layout -> Add Gadget -> Popular Posts
Dashboard -> Layout -> Add Gadget -> Popular Posts
Dashboard -> Layout -> Add Gadget -> Popular Posts
0 Komentar:
Posting Komentar