Sekedar informasi menarik dan Bermanfaat

Latest Post
Loading...

Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse

Assalamu'alaikum Wr.Wb
MINAL AIDZIN WALFAIDZIN MOHON MAAF LAHIR DAN BATIN
Salam Hangat dari Blogger Bogor Barat

Blog News and Shares News kali ini Share Tentang Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse
Apabila sobat blogger sekalian berminat untuk mencoba silakan ikuti langkah-langkah  Mudahnya seperti berikut ini:

1. Seperti biasa sobat harus login dulu di akun blog sobat

2. Pilih rancangan / desing dan klik edit HTML dan lanjutkan
    Seperti ilustrasi Gambar di bawah ini

    1.
   


   
   2.
           


3. Centang "Expand Template Widget" untuk menghindari apabila terjadi kesalahan

4. Sobat cari kode  </head>

5. Setelah ketemu sobat copy paste code di bawah ini tepat di atas kode  </head>

     <style>#oktri 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;}
    #oktri img:hover{ -o-transform: scale(1.5) rotate(360deg); -moz-transform: scale(1.5) rotate(360deg); -webkit-transform: scale(1.5) rotate(360deg);}</style>

6. dan sobat klik save / simpan template.

Langkah selanjutnya untuk penenpatan gambar dalam postingan.
1. Sobat harus menambahkan kode  <div id="oktri"> sebelum url gambar dan jangan lupa di tutup dengan kode </div> contoh seperti di bawah ini:

    <div id="oktri">
    <a href="http://http://informasibogorbarat.blogspot.com/"><img src="http://4.bp.blogspot.com/-CwEirHz3j3g/T3-qdL1Q4pI/AAAAAAAAAu0/yoWox29izCE/s200/naruto+dont+copy.png" /></a></div>

keterangan:

    kode berwarna merah adala kode pembuka dan penutup
    kode berwarna hijau silakan sobat ganti dengan URL blog Sobat dan URL gambar yang ingin Sobat
    pasang di dalam postingan.
    Setelah semuanya selesai klik publikasikan.

7. Semoga Berhasil
Labels: cara, cara gampang, cara mudah, cara-cara, Shares News, Tips and trik, Tutorial, Tutorial blog

Thanks for reading Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse . Please share...!

0 Comment for " Cara Mudah dan Gampang Membuat Gambar Berputar Dan Membesar Saat Disentuh Oleh Mouse "

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter

Ibnu Mas'ud Alfikry

Ibnu Mas'ud Alfikry

Independent Distributor Enagic

Independent Distributor Enagic
Mesin Kangen Water
Back To Top