Unduh Adobe Flash player

Cara Zoom gambar otomatis di postingan blog

Monday, 4 November 20130 comments

     Sebelumnya biar tahu maksud judul postingan ini silahkan arahkan kursor ke gambar yang ada di bawah ini, klo udah perhatikan apa yang terjadi ketika kursor menunjuk gambar tersebut, gambarnya membesar sendiri kan??. nah inilah yang akan kita bahas bagaimana trik para blogger membuatnya.



    Banyak fungsi atau manfaat dari cara posting gambar sperti ini, terutama yang blognya banyak mengandung unsur gambar seperti blog lapak buat jualan online, cara seperti ini akan sangat membantu pengunjung untuk lebih jelas melihat gambar postingan kita, Selain itu blog akan kelihatan lebih keren, Ok sob langsung aja kita coba untuk membuatnya.
  1.  Silahkan sobat masuk ke dasbor bloggernya
  2. Selanjutnya cari Template  kemuadian " Edit Html "  jangan lupa buat backup Template Html Blog sobat, supaya kalo misalnya gagal enggak pusing nantinya. Caranya copas aja dulu ke notepad.
  3. Selanjutnya cari kode ]]></b:skin>, biar gampang sobat tekan aja ctrl+F trus ketikkan kode tersebut.
  4.  Setelah ketemu pastekan kode berikut diatasnya:
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-transform: scale(1.3); }


Setelah itu simpan templatenya, dan lihat hasilnya.
Semoga Bermanfaat.
Kalo ada cara yang lain bagi-bagi Sob.
Share this article :

Post a Comment

 
Support : Creating Website | Johny Template
Copyright © 2014. Otodidak - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger