MEMBUAT GAMBAR MEMBESAR SAAT DISENTUH KURSOR DI BLOG

   Assalamu’alaikum Sahabat Combate semua, mungkin kalian bertanya-tanya dalam hati kalian. “Kenapa ko bias, pas kursor melalui gambar ko gambarnya malah membesar..??”   yaaaa mungkin itu kutipan pertanyaan yang ada di hati agan semua. Tapi tenang, untuk kali ini saya akan memberi tutorial tentang cara “MEMBUAT GAMBAR MEMBESAR SAAT DISENTUH KURSOR DI BLOG”. Untuk hal ini agan tidak perlu repot-repot menyediakan secangkir kopi dan pisang goring yang massih hangat, Karna disini saya berbagi ilmu kepada agan secara gratis. Asalkan agan semua meng LIKE Fans page saya dulu. 

Hehe terlalu panjang ya ceritanya…!!

untuk oleh itu langsung aja ke langkah-langkahnya:

Login ke akun blogger sobat

2.Pilih template kemudian klik edit HTML lanjutkan

3.Centang kode Expand Template Widget

4.Sekarang cari kode ]]></b:skin> 

5.Setelah ketemu Copy paste kode dibawah ini diatas kode ]]></b:skin>

.post img,table.tr-caption-container{border:none;max-width:560px;height:auto;-o-transition:all

.5s;-moz-transition:all .5s;-webkit-transition:all .5s} .post img:hover{opacity:1.0;border-

radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-moz-box-shadow:1px 1px 1px #33F, -

1px -1px 1px #33F, 0 0 16px #33F;-o-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-

moz-transform:rotate(1460deg) scale(1.8) translate(35px,10px);-webkit-transform:rotate(1460deg)

scale(1.8) translate(35px,10px);-o-transition:margin-left 1.5s ease-in .4s margin-top 1.5s 0

2.5s ease-out 1.4s opacity 3s ease-in 4s;-moz-transition:margin 1.5s ease-in .4s 0 2.5s ease-out

1.4s opacity 3s ease-in 4s;-webkit-transition:margin 1.5s ease-in .4s 0 2.5s ease-out 1.4s

opacity 3s ease-in 4s;margin:40px 0 20px 10px}

6.Setelah itu klik Save Template

  

Nah.. jika langkah-langkah di atas sudah agan jalankan dengan baik maka hasiln juga akan baik pula… Jangan lupa Like Fans page kami OK.

>> Jika mau copas harap masukkan Sumbernya

Banyak pisting-posting menarik, Klik DISINI