Membuat efek membesarkan gambar

>

Jangan Lewatkan Artikel Yang Berkaitan Dengan Membuat efek membesarkan gambar dibawah ini:

• Cara Membuat Kotak SEO Permalink Di BlogspotDi bagian bawah postingan, sobat blogger pasti sering melihat HTML <a> Tag dari beberapa blog yang menampilkan link dan judul postingan dalam sebuah kotak. Link dan Judul postingan yang ditamp ... lihat selengkapnya
• Cara buat slide menu drop down Klik DEMO untuk lihat contohnya Nih Langkah"nya: 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML. 4. Disarankan Back up template dulu. 5. Jangan lupacentang ... lihat selengkapnya
• Cara Mengatur Ukuran Lebar 'Widget' Template Blogger Cara Singkat,Cepat dan Efektif Mengatur Ukuran Lebar 'Konten Utama / Postingan' Blogger Template Jika sobat menginginkan ukuran template dapat sobat utak-atik sendiri dengan cara singkat,tak ad ... lihat selengkapnya
• Cara membuat slide dengan efek marqueeMaaf untuk Demonya belum dibuat.... Nih langkah - langkahnya: 1. Login ke blogger dengan ID anda. 2. Klik Rancangan. 3. Dan KLik tab Edit HTML. 4. Cari kode </head> : 5. Copy kode di bawah i ... lihat selengkapnya
• membuat sitemap kerenLangsung ke TKP ya gan...(lagi males)hehe klik DEMO untuk melihat contohnya nih langkah-langkahnya: 1. Masuk ke Blogger 2. Pilih Posting - posting baru 3.Masukan judul Posting misalnya SITEMAP BL ... lihat selengkapnya

بسم الله الرحمن الرحيم

 klik DEMO untuk melihat contohnya.

Nih langkkah-langkahnya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode </head> :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :

<style type="text/css">
#zoomimage div {
height:100px;
width:100px;
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;}

#zoomimage div:hover {
padding-top:0;
padding-left:0;
padding-top:0;
padding-right:0;
-webkit-transform:scale(3,3);
-moz-transform:scale(3,3);}

#zoomimage img {
border: 3px solid #D8D8D8;
border-style:double;
}
</style>

6. Simpan Template.
7. Langkah selanjutnya, anda tinggal copy kode dibawah ini dan anda bisa taruh kode gambar ini pada gadget atau akan dipasang pada artikel post.

<div id="zoomimage">
<div class="hover">
<a href="http://www.sepakbolatop.blogspot.com/" target="_blank"><img height="100" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qeZUxLHFo-lYce8FJVq9gaj15eauHT_-4wiDpYrvtKv4pm18rKXynqVUn9NaVgzguTyTK93zIVvJr9DWZ4-DpqnZJwJEm4vJreV8TtRq-ZMlyWNTVjFjihpqLRkT3X2qxyCe2syd6aA/s215/coollogo_com-202301679.png" width="250" /></a>
</div>
</div>

8.selesai..

 keterangan:

- Ganti URL yang dituju(warna hijau) dan URL gambar(warna biru) dengan URL sobat..

semoga berhasil...good luck.!

Bila anda merasa artikel diatas bagus dan bermanfaat, anda bisa gunakan URL atau HTML dibawah ini. Silahkan anda dipasang dihalaman web atau blog anda untuk menuju kehalaman ini :

URL:

HTML Link:

Forum Link:

Widget by BloggerTipAndTrick

sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat efek membesarkan gambar ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link Membuat efek membesarkan gambar sebagai sumbernya. Trims ...mencuri itu tidak baik...hargailah karya anak bangsa