Membuat Effects Zoom Semua Gambar Diblog

5 Mei
Membuat Effects Zoom Semua Gambar Diblog
Kali ini saya akan membahas tentang Effects pada gambar,foto atau semua yang ada di blog
Script ini kita namai ialah Zoom Effects Gambar atau Hover Zoom Smooth Effects images.
Walau pun sebagian besar para blogger dan webmaster sudah banyak yang memakai dan
Memposting Zoom Effects ini, tapi barang kali sobat semua ada yang belum tau atau ingin,
Ingin memasang dan mencoba script cara  Membuat Effects Zoom Semua Gambar Diblog

Untuk Melihat hasil Zoom Effects hover coba sobat arah kan Cursor pada gambar di atas
Seacara otomatic gambar tersebut akan membesar sampai max-width:550px – height: auto
Buat sobat yang mau mencobanya silakan simak cara memasang nya berikut di bawah ini

Cara Memasang nya :
Masuk ke blog anda sigin ke | Blogger
Kemudian pilih dasboard ,lalu edit | Template
Lalu cari code, ]]></b:skin> gunakan Ctrl + F untuk memudah kan pencarian
Setelah ketemu code nya | lalu copy code di bawah ini dan paste kan tepat
Di atas code ]]></b:skin> tidak kurang tidak lebih agar hasil nya lebih maximal

Ini code css javascript nya :

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

Keterangan :
Sebelum save template nya ada baik nya preview-peninjauan dulu atau back-up dulu
template nya, menjaga, barang kali ada kesalahan sa,at memasang code css javascript ini,
Kalau di rasa pass Silakan sobat save template nya, buka blog anda dan lihat hasil nya.?

Semoga Artikel ini berguna dan membantu anda untuk memodivicasi accecoriess blogger
Selamat Berkarya tetap semangat blogger indonesia kamu bisa,!! kalau sobat ada kesulitan
Silakan bertanya melalui kotak komentar, atau melalui account sosial saya atau lain nya thx                                                                  By : Karrysta™

Iklan

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: