permalink Kamis, 27 Desember 2012 |
![]() ![]() |
Oprek Popular Post menggunakan CSS aja !
#PopularPost1{blablablabla}
Script di atas merupakan bagian terluar dari widget PopularPost anda bisa dibilang kalau ini adalah bingkainya.
#PopularPost1 ul{blablablabla}
Yang ini adalah bingkai dari daftar postingan terpopuler anda. Jadi ini berada di dalam #PopularPost1. Bingung ? gini deh, widget popular post kalian itu punya 2 bingkai yang paling luar itu #PopularPost1 dan yang dalamnya itu #PopularPost1 ul. Jika #PopularPost1 ul ukurannya lebih besar dari #PopularPost1 maka akan muncul scroll jika overflow di set auto (overflow:auto)
#PopularPost1 li{blablablabla}
Yang ini merupakan sebuah daftar yang berisikan seperti gambar, alamat dan deskripsi (opsional).
#PopularPost1 li img{blablablabla}
Kalau yang ini sudah bisa ditebak yaitu untuk gambar thumbnailnya.
Jika sobat blogger pengen popular post yang seperti punya saya, silahkan masukkan kode di bawah.
#PopularPosts1{background:#FFF;}
#PopularPosts1 ul{margin-top:0}
#PopularPosts1 li{background:#FFF;font-size:auto;text-shadow:0 1px 1px rgba(0,0,0,0.3);padding:1px}
#PopularPosts1 li img{width:45px;height:40px;background:#fff;border:1px solid #e3e3e3;margin-bottom:-8px}
INGAT ! Letakkan di atas kode </Head>.
Selamat Mengoprek …. 
Langganan:
Posting Komentar (Atom)
0 komentar:
Ayo komentar kamu yang pertamax wa di Oprek Popular Post menggunakan CSS aja !