Membuat Gambar Berputar

Sabtu, 07 Juli 2012 | 6komentar

Membuat Gambar Berputar
Membuat Gambar Berputar di Artikel Blog - Ingin Gambar Berputar tak mesti nunggu angin besar, cara membuatnya sangat gampang. Membuat Gambar Berputar di artikel blog kita dan membesar saat tersentuh oleh cursor cukup dengan menambahkan beberapa kode dalam postingan gambar dan sedikit membuka HTML template kita.

Sebleum melanjutkan Membuat Gambar Berputar, silahkan sobat lihat dulu DEMO-nya disini Gambar Berputar di Postingan Blog. Jika tertarik untuk membuatnya silahkan lanjutkan pada langkah-langkah yang perlu sobat ambil ;

1. Seperti biasa login pada Akun Blogger
2. Pilih Rancangan dan klik edit HTML
3. Centang Expand Template Widget untukjaga-jaga bilamana terjadi kesalahan.
4. Sobat cari kode </head> dan pastekan kode dibawah ini tepat di atas kode </head> tadi.

<style>#sareva img{-moz-transition:all .8s ease-in-out;-ms-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;} #sareva img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

5. Lalu Simpan Template.

Langkah selanjutnya untuk penerapan dalam Gambar Postingan. Sobat harus menambahkan kode  <div id="sareva"> sebelum URL gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

<div id="sareva">
<a href="http://evawangi.blogspot.com"><img src="http://1.bp.blogspot.com/-0RVmMAVNd6o/T_jDNdz9FZI/AAAAAAAAASo/6kLzvusPkQU/s200/Gambar+Berputar.jpg" /></a></div>

Silahkan ganti URL Gambar yang diberi warna Biru dengan  URL gambar sobat, setelah semuanya selesai Publikasikan Postingan sobat dan lihat hasilnya.
Semoga berhasil dan tentunya bermanfaat buat sobat !
Share this article :
Judul: Membuat Gambar Berputar
Rating Blog: 5 dari 5
Ditulis oleh Eva Wangi
Anda sedang membaca artikel Membuat Gambar Berputar. Anda bebas Copas untuk kode HTML pada Tutorial Blogging dan Tips Blogging, namun jika terpaksa ingin mengutip secara keseluruhan harap memberikan link aktif dofollow ke URL inihttp://evawangi.blogspot.com/2012/07/membuat-gambar-berputar.html. Terima kasih sudah singgah dan berkomentar di blog ini.

6 komentar:

  1. Ane ngetest Tread Comment hihi!

    BalasHapus
    Balasan
    1. hehhehe..mksdnya latar yang mana kang???

      Hapus
    2. Latar Tread Koment toh,tadinya putih,untung bisa kita ganti sesuai kehendah,hihi.
      Makasih Kang,nuhun.

      Hapus
  2. berkunjung malam malam sekalian membawa semua permintaannya,hatur nuhun ah,semoga sehat slalu.maap ya baru kesini.maklum...

    BalasHapus
  3. rumahnya makin mewah dengan taburan bintang, gambar muter bakalan perlu yeuh supaya tambah hebring katingalina euy.

    semua yg ada disini tos diklik termasuk melihat gbr syur...wkwkwk
    salam sehat selalu

    BalasHapus
  4. singgah di sini sobat, numpang membaca sambil belajar di sini sobat, ...
    tapi contoh gambar di atas kok gak berputar yah...

    BalasHapus

Tulis Komentar Yang Menyejukan Hati saja.
Tidak menerima Komentar Yang bermuatan Sara, Politik, Makar,
tidak pula Komentar Yang menjurus Iklan.
Terima Kasih sudah sedikit meluangkan Waktunya disini!

Ketik Yang Sobat Mau !

Artikel Terbaru

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2012. Shaka InghetS - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger