Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah] - Hallo sobat blogger yang berbahagia Tips & Trik SEO, Posting yang saya unggah pada kali ini dengan judul Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah] , Artikel ini bertujuan untuk memudahkan kalian mencari apa yang kalian inginkan, kami telah mempersiapkan artikel ini dengan baik untuk kalian baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel desain, Artikel tips trik blogging, yang kami tulis ini dapat kalian pahami dengan baik, semoga artikel ini berguna untuk kalian, jika ada kesalahan penulisan yang dilakukan oleh penulis mohon dimaafkan karena penulis masih newbie. baiklah, selamat membaca.

Judul : Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah]
link : Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah]

Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah]

Cara Mudah Memasang Efek Berputar pada Gambar di Blog - Beberapa waktu yang lalu, saya sempat membagikan efek zoom beserta efek transparan pada gambar. Dimana, efek gambar berputar yang saya bahas kali ini masih bisa dikatakan �saudara� dari efek sebelumnya. Yup, efek gambar berputar ini akan bekerja apabila pointeratau cursor mouse diletakkan diatas gambar. Derajat putarannya pun bisa diatur sesuai dengan keinginan. Tujuan pemasangan efek ini tentu saja, untuk memberikan sensasi kepada visitor blog. Detailnya, silahkan lihat disini.

Oke, to the point saja. Berikut ini cara memasang efek berputar pada gambar di blog :

1.   Buka Blogger, dan masuk ke Template.

2.  Buat sebuah backup dari template blog Anda, lalu klik Edit HTML.

3. Tekan CTRL+F, dan cari kode ]]></b:skin>

4.  Pastekan kode berikut tepat diatas/sebelum kode ]]></b:skin>

img {

-webkit-transition: all 0.5s ease-out;

-moz-transition: all 0.5s ease;

-o-transition: all 0.5s ease;

}

img:hover {

-webkit-transform: rotate(270deg);

-moz-transform: rotate(270deg);

-o-transform: rotate(270deg);

}

Keterangan :

Kode yang berwarna biru : Durasi /  lamanya perputaran gambar dalam detik. Ubahlah sesuai dengan keinginan Anda.

Kode yang berwarna merah : Besarnya perputaran gambar dalam derajat. Ubahlah sesuai dengan kebutuhan. Jika Anda membiarkannya, gambar akan beputar sebanyak 1 setengah lingkaran.

5.      Terakhir, klik Simpan. Buka blog Anda untuk melihat hasilnya.

Cara mengetesnya cukup mudah. Buka blog Anda, dan letakkan pointer mouse diatas gambar yang ada. Apabila gambar berputar, itu berarti efek berputar pada gambar berhasil dipasang di blog Anda. Jika tidak mau berputar, coba ganti/update browser Anda. Coba gunakan browser QtWebatau Google Chrome. Selamat mencoba! Tolong berikan artikel ini Google +1, dan tolong share artikel ini! Salam blogger, dan terima kasih!

Demikianlah Artikel Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah]

Sekianlah artikel Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah] kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Mudah Memasang Efek Berputar pada Gambar di Blog, [SEOSangatMudah] dengan alamat link https://seosangatmudah.blogspot.com/2013/12/cara-mudah-memasang-efek-berputar-pada.html

Tweet