Desain Populer Posts Dengan CSS

Desain Populer Posts Dengan CSS

TutorNesia
~ Kali ini adalah tutorial dengan trik sentuhan lembut untuk tampilan Populer Posts dengan mengunakan kode CSS, memang banyak sahabat blogger menawarkan desain populer posts dengan berbagai gaya, namun kali ini yang saya iris adalah populer posts sentuhan timbul, jika masih penasaran anda bisa kunjungi disini. Bagaimana? tertarikkah untuk memasangnya?

01. Login blog anda
02. Cari kode ]]></b:skin>, dan pastekan kode CSS bawah ini tepat di atas kode ]]></b:skin>,

.popular-posts ul{padding-left:0px;transition:all 400ms ease-in-out}
.popular-posts ul li {
background:#fcfcfc; no-repeat scroll 5px 8px rgb(255, 255, 255);
list-style-type: none;
margin: 0px 0px 5px;
padding: 5px 5px 5px 5px !important;
border: 1px solid #dddddd;
border-radius:5px;transition:all 400ms ease-in-out}
.popular-posts ul li:hover {background: -moz-linear-gradient(top, #e8e8e8, #C6BAED); box-shadow:1px 3px 10px #444; border: 1px solid #fff;transition:all 400ms ease-in-out}
.popular-posts ul li a:hover {text-decoration:none;transition:all 400ms ease-in-out}

03 Kode yang saya kasih huruf tebal, anda bisa desain sendiri warnanya sesuaikan selera blog anda.
Share This Article Facebook +Google Twitter Digg Technorati Reddit

Sumber Berita Ini: Desain Populer Posts Dengan CSS

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.


Baca Juga Artikel Terkait Lainnya

Silahkan bertanya sesuai dengan artikel yang telah anda baca diatas.
Link aktif otomatis terseleksi ke SPAMMER.
Alasan komentar anda tidak terjawab adalah OOT atau diluar kemampuan Admin.


Thanks For Your Comment Here