Membuat Populer Post Circle unik pada blog

Buat yang hoby utak atik blog, ini kami sediakan script untuk mempercantik tampilan blog anda, silakan mencobanya.

Silakan copy script Populer Post Circle yang menarik seperti pada blog kami

Caranya klik Edit HTML pada blog
- cari  ]]></b:skin> dengan bantuan Ctrl+F
- copy file di bawah ini tepat diatas script tadi yang saya beri warna merah.


/*Populer post circle */
.popular-posts ul{padding-left:0px;font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0} .popular-posts ul li {background: url(#) no-repeat scroll 5px 5px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 5px !important;font-size:12px!important;font-weight:550; border: 1px solid #58ACFA; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .popular-posts ul li:hover { background: #CCE9FD;border:1px solid #58ACFA; } .popular-posts ul li a:hover { text-decoration:none; } .popular-posts .item-thumbnail img { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);height:70px;width:70px;}.popular-posts .item-thumbnail img:hover { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-ms-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}


Simpan/save

Ketengan:
script diatas cocok untuk template BroSense karena saya sekarang ini menggunakan template brosense, pernah kami menggunakan template yang lain tapi tidak berpungsi dengan baik,.. tapi tidak salah jika anda ingin mencoba dengan template yang lainnya.

0 Response to "Membuat Populer Post Circle unik pada blog"

Post a Comment

Popular Posts

Terima Kasih Atas Kunjungannya Ke Website Kami - www.azrifa.com