Trick n Tips Blogger | Widget Blogger | Template Blogger

Cara Menambahkan Efek Zoom Dan Berputar Pada Posting Gambar

by Irsyad Aslam , at 2/23/2013 , has 0 komentar
Efek Zoom ini di perlukan untuk memperbesar gambar dan memperjelas gambar. Efek ini sangat diperlukan oleh pengunjung jikalau anda memasang gambar yang terlalu kecil. Efek zoom ini juga bisa untuk mempercantik gambar pada blog. Mengapa?, Efek zoom ini adalah efek yang tidak harus di klik, hanya saja kursor yang diarahkan ke gambar dan sendirinya akan berputar dan memperbesar gambar, dibandingkan tidak memasang efek zoom ini. Sebetulnya jika tidak anda pasang juga bisa, tetapi pengunjung harus mengklik gambar yang ada diposting anda. Efek Zoom ini sudah lama dibuat, tetapi saya akan menjelaskan cara untuk menambahkan efek zoom ini. Widget ini lebih mudah dari fersi sebelumnya yang perlu menambahkan beberapa Script pada posting yang ingin anda pasangkan. Jika Anda Berminat Anda perlu menambahkan beberapa script pada HTML anda. Untuk lebih jelaskan Ikuti cara berikut ini:

  • Silahkan Masuk Ke Blogger Anda.
  • Setelah itu, Klik Menu Template, --> Klik Tombol Edit HTML.
  • Lalu, Cari Kode ]]></b:skin> dengan menekan CTRL+F atau dengan F3.
  • Setelah Menemukan, Masukan kode berikut ini Diatas kode ]]></b:skin> :

.post img:hover {-moz-trnasform: scale(1.4);-webkit-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.3);transform: scale(1.4); rotate(360deg) translate(0px);-moz-transform:scale(1.2) rotate(360deg) translate(0px);-webkit-transform:scale(1.2) rotate(360deg) translate(0px);-o-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-webkit-transition:all 1.5s ease}}

  • Setelah itu, Klik Tombol Pratinjau untuk meninjau kesalahan, Jika tidak ada kesalahan Klik Tombol Simpan Template.


Selamat Mencoba,
Salam Sukses.



Your-BelajarBLOG
Irsyad Aslam
About
Cara Menambahkan Efek Zoom Dan Berputar Pada Posting Gambar - written by Irsyad Aslam , published at 2/23/2013, categorized as Efek . And has 0 komentar
0 komentar Add a comment

Catatan:

• Dilarang Menaruh Link Aktif
• Dilarang Nyepan/Promosi Di Komentar
• Dilarang Berkata Tidak Sopan
• Untuk Menyisipkan Kode, Gunakan Tag <i rel="code">... KODE ...</i>
• Untuk Menyisipkan Kode Panjang, Gunakan Tag <i rel="pre">... KODE ...</i>
• Untuk Menyisipkan Catatan, Gunakan [catatan].. TEKS ...[/catatan]
• Untuk Menyisipkan Gambar, Gunakan [img]URL GAMBAR[/img]

Sebelum Menyisipkan Kode Harap Konversi Kode Sebelum Menuliskan Di Komentar

Bck
Cancel Reply

Followers

Komentar Terbaru

Copyright ©2013 Your-BelajarBLOG by
Theme designed by Damzaky - Published by Proyek-Template
Powered by Blogger