Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse - Smart Education


Gambar Postingan



Ok tanpa panjang lebar yuk langsung saja ke intinya
Kali ini Admin akan berbagi sedikit tutorial blog, yaitu Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse.

Berikut langkah-langkah nya :

1 login akun blogg
2. masuk ke rancangan
3. masuk ek EDIT HTML
4. Cari Kode </head> Letakkan script ini di atas kode </head>
<b:if cond='data:blog.url == data:blog.homepageUrl'><style>.post img{margin:10px;padding-left5px;width:100px;height:100px;text-align:center;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-webkit-background-clip:padding-box;-webkit-box-shadow:0 0 0 3px #000cff;-moz-box-shadow:0 0 0 3px #000;box-shadow:0 0 0 3px #000cff;-webkit-border-top-left-radius:60px;-webkit-border-bottom-left-radius:60px;-moz-border-radius-topleft:60px;-moz-border-radius-bottomright:60px;border-top-left-radius:60px;border-bottom-right-radius:60px;-o-border-top-left-radius:60px;-o-border-bottom-right-radius:60px}.post img:hover{box-shadow:1px 1px 10px 3px rgba(0,0,220,0.6);border-radius:0;-webkit-transition:All 2.346s ease;-moz-transition:All 2.346s ease;-o-transition:All 2.346s ease;-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
</style></b:if>
Script bisa kamu Edit Sendiri ya :D

Bila ada yang di tanyakan Harap berkomentar Thanks !!
Sumber

10 komentar untuk "Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse - Smart Education"

  1. gan yang berputar kok cuma halaman pertama pada post ya...? halaman ke 2 kok gx berputar. gimana tu ..? tolong donk pencerahannya

    BalasHapus
    Balasan
    1. Tapi kan widget tsb, hanya mengaktifkan pada halaman utamanya saja, jadi untuk halaman selanjutnya, sobat bisa langsung tanyakan kepada pembuatnya di : greenz-blogger.blogspot.com/

      Hapus
  2. Ternyata disini lebih mudah di terapkan!! di coba juga punya saya mas!!

    http://3denda.blogspot.com/2013/07/gambar-postingan-pada-beranda.html

    BalasHapus
  3. wahh... artikelnya sangat bermanfaat sekali gan. \o/
    jangan lupa kunjungi blog saya juga :yaya: :

    http://downloadsoftwaregratiscepat.blogspot.com/#'

    BalasHapus
    Balasan
    1. sama2 sob, blog sudah dikunjungi, hehe :D

      Hapus
  4. Thanks gan, dh jadi di blog ane,,,
    http://gungapak.blogspot.com/

    BalasHapus
  5. .gaN, kalo mau Cari URL Gambar d maNa ya..??"

    BalasHapus
  6. wow gooooooooood top makasih ya mas triknya. pokonya maknyus lah.

    BalasHapus
  7. mantap tipsnya gan. salam sukses selalu.

    BalasHapus

Untuk menyisipkan kode, gunakan tag <i rel="code">Kode disini...</i> atau <i rel="pre">Kode disini...</i>
Untuk menyisipkan gambar, gunakan <i rel="image">URL gambar disini...</i>
Untuk menyisipkan catatan, gunakan <b rel="quote">Tulis catatan disini...</b>
Untuk menciptakan efek tebal, gunakan tag <b>Teks anda disini...</b>
Konversi Kode Back to Top

Back to Top