Zoom berfungsi untuk memperbesar atau memperkecil penglihatan sebuah gambar. Dengan memberi efek zoom di gambar artikel kita, maka akan membuat blog kita lebih terlihat menarik dan juga mengurangi berat loading blog apabila menggunakan gambar yang besar.
Cara pembuatannya cukup mudah dan simple, langsung ke tips cara membuatnya. Artikel Cara Merubah Background Blog dengan Gambar dapat anda baca juga.
Cara Membuat Efek Zoom pada Gambar :
1. Login ke akun blogger.com
2. Template >> Edit Html >> Lanjutkan >> Beri centang "Expand Template Widget".
3. Letakkan kode berikut ini tepat diatas kode ]]></b:skin> untuk caranya dengan menekan ctrl+F
.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); }
4. Klik "Simpan Template" dan lihat salah satu postingan blog anda.
Begitulah cara sederhana untuk menampilkan gambar posting membesar apabila tersentuh mouse di blog. Semoga panduan dan tutorial cara membuat efek zoom pada gambar tersebut dapat bermanfaat.
Artikel terkait yang lain :
- Membuat Tombol Share dibawah Posting
- Membuat Tombol Back To Top Blogger
- Membuat Gadget Widget Blogspot Terlengkap
- Cara Membuat Efek Salju, Daun, Bintang Berjatuhan
- Cara Membuat Like Facebook dan Follow Twitter Melayang
- Merubah Warna Judul Posting Berwarna warni
- Membuat Widget Google Plus Cantik
- Cara Membuat Efek Gelap Terang Gambar dengan CSS
- Cara Membuat Buku Tamu Tersembunyi
- Robots.Txt For Website
- Cara Membuat Tabel dengan HTML
- SEO Google : Tips Blogging and Website
- Panduan Memperbaiki dan Meningkatkan Kualitas Website
- SEO Tips : 20 Tips SEO 2013
- Menghasilkan Uang di Internet dengan Blog
- Mendapatkan Backlink Berkualitas .edu .gov ibp
- Cara Mengubah Blog Nofollow menjadi Dofollow
- Cara Membuat Auto Readmore dengan Gambar
- Tips Meningkatkan Rangking Alexa dengan Cepat
- Iklan PPC Alternative Google Adsense
- Tips SEO untuk Desain Website Anda
- Fungsi Memasang Kotak Search di Blog
- Cara Pasang Iklan Otomatis di Postingan
- Cara Menempatkan Iklan Menyatu di Dalam Postingan
- Rahasia SEO Google Untuk Meningkatkan Traffik
- Copy Paste Artikel ? Laporkan ke Google
- Membuat SEO Smart Link di Artikel Blogger
- Tips Mengamankan Akun Google Adsense dari Banned
- Apakah Manfaat Tukar Link mempengaruhi SEO
- Tips Optimalkan Penghasilan di Google Adsense
- Tips Mendaftar dan Diterima Google Adsense
- Menentukan Artikel dengan Google Insight Search
- Rumus Mengetahui Pagerank Google Formula High
0 comments:
Post a Comment