Home » » Membuat Animasi Bergerak pada Gambar Postingan

Membuat Animasi Bergerak pada Gambar Postingan



Ketika anda berkunjung ke blog cooltricksntips, anda akan menemukan sebuah gambar yang jika mouse anda dekatkan padanya, dia akan bergerak. Lebih tepatnya bergoyang. Sebenarnya cara membuatnya sangat simple. Anda hanya perlu menambahkan sedikit kode css pada template anda, dan ketika posting image/gambar anda tinggal bubuskan sebuah kode class id pada gambar tersebut. Bingung? Oke, mari kita praktek langsung membuat animasi bergerak pada gambar posting.


Yang pertama anda lakukan, backup terlebih dahulu template anda. Kemudian ikuti langkah berikut ini untuk membuat animasi bergerak gambar postingan.
1. Masuk ke Edit Html pada Design blogspot anda.

2. Copy kode berikut dan letakkan sebelum kode ]]></b:skin>

<style type="text/css">.bordersp {-webkit-transition:  -webkit-transform .15s linear;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);padding: 5px 5px 5px 5px;-webkit-transform:  rotate(+2deg);-moz-transform: rotate(+2deg);}.bordersp:hover {-webkit-box-shadow:  0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);-webkit-transform:  rotate(-1deg);-moz-transform: rotate(-1deg);}</style>


3. Ketika anda hendak posting image kedalam artikel bubuhkan kode berikut pada bagian edit htmlnya.

<img alt="Keyword Image Anda" border="0" class="bordersp" src="URL Image Anda"/></a>

Selesai. Silahkan anda lihat hasilnya. Sebenarnya anda hanya perlu menambahkan kode " class="bordersp" saja setiap kali anda memasukkan image, maka gambar anda pun akan bisa bergerak.
Selamat mencoba.

5 komentar:

  1. mf bru di reply....
    di bagian mna gak ngerti nya gan??

    BalasHapus
  2. Assalamualaikum wr.wb saya andy ingin berbagi cerita kepada anda bahwa dulunya saya ini cuma seorang pengamen jalanan yang pendapatannya tidak seberapa,buat makan saja nda cukup apalagi untuk beli obat buat ibu saya karna belakangan ini ibu saya lagi sakit sakitan jadi saya harus membantin tulang buat ibu saya dan adik saya karna bapak kami pergi meninggalkan kami entah kemana,,saya dapat nomor MBAH KABOIRENG dari teman saya..awalnya sih saya ragu tapi nda ada salahnya juga saya coba karna sudah banyak paranormal yang saya hubungi tapi tidak ada yang berhasil malahan cuma uang saya aja yang terkuras habis dan akhirnya saya menghubungi MBAH KABOIRENG dan mengikuti 4D nya yaitu {6617} dan alhamdulillah berhasil..!!! Kini kehidupan kami sudah tidak seperti dulu lagi dan akhirnya saya juga sdh punya usaha sendiri dan bagi anda yang ingin seperti saya silahkan HBG 0823=2221=2111 MBAH KABOIRENG nomor ritual MBAH KABOIRENG meman benar2 100% tembus.ATAU KLIK DISINI
    *****=====*****=====*****=====*****====*****=====*****=====*****=====
    —————————————————————————————–

    Assalamualaikum wr.wb saya andy ingin berbagi cerita kepada anda bahwa dulunya saya ini cuma seorang pengamen jalanan yang pendapatannya tidak seberapa,buat makan saja nda cukup apalagi untuk beli obat buat ibu saya karna belakangan ini ibu saya lagi sakit sakitan jadi saya harus membantin tulang buat ibu saya dan adik saya karna bapak kami pergi meninggalkan kami entah kemana,,saya dapat nomor MBAH KABOIRENG dari teman saya..awalnya sih saya ragu tapi nda ada salahnya juga saya coba karna sudah banyak paranormal yang saya hubungi tapi tidak ada yang berhasil malahan cuma uang saya aja yang terkuras habis dan akhirnya saya menghubungi MBAH KABOIRENG dan mengikuti 4D nya yaitu {6617} dan alhamdulillah berhasil..!!! Kini kehidupan kami sudah tidak seperti dulu lagi dan akhirnya saya juga sdh punya usaha sendiri dan bagi anda yang ingin seperti saya silahkan HBG 0823=2221=2111 MBAH KABOIRENG nomor ritual MBAH KABOIRENG meman benar2 100% tembus.ATAU KLIK DISINI

    BalasHapus
  3. SAYA BINGUNG KOK GK ADA kode ]]>

    BalasHapus
    Balasan
    1. untuk pencarian gunakan CTRL + F
      klo kode ]]> tidak ditemukan berarti template blog agan,,merupakan hasil dri modifikasi..
      coba cari dengan kata pencarian skin..

      Hapus

Silahkan Berikan Komentarnya di Bawah ini....!!!!!