Formulir Kontak

Nama

Email *

Pesan *

Membuat Zoom Image Di Blog

Aizzan Blog -- Zoom image yang berfungsi sebagai memperbesarkan pada gambar yang ada di postingan blog kita, tentunya sudah tidak asing lagi bagi para sobat blogger yang sudah mastah. Namun banyak dicari cari bagi blogger newbie untuk mempercanti blognya, tidak hanya itu saja fungsi lain dari zoom image ini adalah untuk memperjelas gambar yang kita sisipkan di posting. Langsung saja untuk tutorialnya bisa sobat lihat dibawah ini :

Aizzan Blog:  Membuat Zoom Image Di Blog
Aizzan Blog:  Membuat Zoom Image Di Blog

1. Login ke blogger sobat
2. Masuk ke template blogger
3. Backup template dulu sebelum masuk edit HTML
4. Cari kode ]]></b:skin>
5. Salin kode dibawah ini tepat diatas kode ]]></b:skin>
    .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); }
6. Jika sudah, silahkan simpan template sobat dan lihat hasilnya

Kalau sobat ingin membuat Zoom Image pada salah satu gambar saja bisa mengikuti tutorial dibawah ini :

1. Buka entri baru atau postingan baru
2. Klik HTML di sebelah kanan Compose
3. Masukkan kode dibawah ini
   <style type="text/css"> border: none; vertical-align: top;</style>
    <script src="http://kodecode.googlecode.com/files/expandos.js" type="text/javascript"></script>
    <img border="0" class="expando" height="100" src="http://afanieshare.blogspot.com/images.jpg" widht="100" />
4. Silhakan sobat ganti url http://afanieshare.blogspot.com/images.jpg
5. Kemudian terbitkan dan lihat hasilnya

Jika ada pertanyaan ataupun saran silahkan kirimkan pertanyaan melalui kotak komentar maupun kotak formulir kontak yang ada disebelah kanan artikel. Semoga bisa menjadi manfaat buat semuanya
Previous
Next Post »
0 Komentar