Gambar Membesar Saat Dibelai Kursor Pada Blog

Sering pasang gambar pada blog tapi dikomplain karena ga keliatan?? Don't worry be happy!!, hari ini kita bahas solusi sederhananya, menggunakan efek gambar membesar.

Efek gambar membesar ini banyak disenangi oleh para blogger, karena dapat zoom gambar saat dibelai Nabilah JKT48..eh kursor yang akan membantu memperjelas gambar yang berukuran kecil hingga sulit bagi pembaca untuk memahaminya. 

Langsung aja ke tutorialnya :

1. Login dulu ke blog sampeyan
2. Pilih Template> Edit HTML.
3. Cari kode ]]></b:skin> kemudian letakkan kode berikut, diatas kode ]]></b:skin>

.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); }

5. Klik Simpan Template dan lihat perubahannya...

Share :

Tweet

✚

Related Post