• This is Slide 1 Title

    This is slide 1 description. Go to Edit HTML and replace these sentences with your own words.

  • This is Slide 2 Title

    This is slide 2 description. Go to Edit HTML and replace these sentences with your own words.

  • This is Slide 3 Title

    This is slide 3 description. Go to Edit HTML and replace these sentences with your own words.

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 )