→ → → Cara Membuat Gambar Postingan Berputar Saat Disorot Mouse - Smart Education

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. Devilx7Juli 08, 2013 4:59 PM

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

    BalasHapus
    Balasan
    1. UnknownJuli 08, 2013 9:16 PM

      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. AnonimJuli 15, 2013 2:39 AM

    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. Sang pendengarJuli 22, 2013 10:06 PM

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

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

    BalasHapus
    Balasan
    1. UnknownJuli 23, 2013 6:13 AM

      sama2 sob, blog sudah dikunjungi, hehe :D

      Hapus
  4. UnknownMei 29, 2014 4:06 PM

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

    BalasHapus
  5. Edhay76Mei 30, 2014 2:27 PM

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

    BalasHapus
  6. Cara Membuat Obat BiusAgustus 31, 2014 1:49 AM

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

    BalasHapus
  7. JUAL OBAT ABORSIAgustus 31, 2014 1:50 AM

    mantap tipsnya gan. salam sukses selalu.

    BalasHapus
  8. jual obat biusJuni 22, 2015 2:05 PM

    thanks nice article

    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