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 :
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™
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™
1 komentar:
Di coba Mas terimakasih atas artikel dan info nya salam sukses
Jangan Komentar Promosi, Link Hidup, Spam Karena akan terhapus
Silahkan untuk "Follower blog, atau Berlangganan Lainya" di blog ini
Untuk Mengkonversi kode dan icon Smiley silahkan Klik dibawah ini
Show Konversi KodeHide Konversi Kode Show SmileyHide Smiley Follower