Saturday 3 August 2013

Membuat Widget Populer Post bergerak


INGIN GAMBAR POSTING BERPUTAR PUTAR ??

Cari kode yang seperti ini;
  1. Untuk versi tulisan saya, gambar tidak saya kasih lingkaran merah, sekarang anda liat bagian Kolom search, ketik list-style
  2. Liat kolom nomer 38
  3. Jika sudah paham, letakkan kode HTML dibawah yang berwarna merah tepat tulisan angka 38 (mungkin di blog anda tidak mengacu ke angka 38 bisa juga berbeda, yang perlu anda pahami adalah carilah tulisan yang sesuai dengan nomer 38)

Ganti dengan kode dibawah ini;

.widget .popular-posts ul {  list-style: none; text-align: right; font-size: 80%; color: #999999; background: #ffff; border: 1px solid #DEDEDE; margin:0 0 0px; padding-right:10px; padding-left:10px; padding-top: 5px; padding-bottom: 5px;}

.popular-posts  img {  width:57px;height:60px; padding:0px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 1px solid #e6e6e6;}

.popular-posts  img:hover {  border:1px solid #e6e6e6;-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

(JIKA MASIH BELUM PAHAM, SILAHKAN KOMENTAR )

0 comments:

Post a Comment

Terima Kasih telah membaca Postingan ini, Jika Anda menginginkan agar Blog ini selalu menjadi Inspirasi buat Anda, sedikit saran dan masukan bisa di tulis di sini,