✿Sarawak Blogger✿ Membesarkan gambar didalam blog bila cursor menyentuh - Marvin Mawan

21 Mac 2012

Membesarkan gambar didalam blog bila cursor menyentuh

Membesarkan gambar di blog berkemungkinan ramai yang dah tahu, tetapi kepada yang baru mengatahui, ini adalah satu maklumat baru bagi anda, yang sepatutnya kita kongsi bersama-sama rakan yang lain.
caranya amat mudah, dan senang di fahami
okeyy langkah-langkahnya ada boy senaraikan dibawah ini.

1.Log in -dashbord -Design -Edit Html
2.Tekan Ctrl F serentak, dan cari kod
    <head>
3.Copy kod dibawah ini.

     <style>
    .post img:hover {
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2); }
    </style>




4.Pastekan kod tersebut dibawah <head>
5.Contohnya seperti kod yang berwarna hijau dibawah.






<head> 
  <style>
.post img:hover {
-o-transition: all 0.3s;

-moz-transition: all 0.3s;

-webkit-transition: all 0.3s;

-moz-transform: scale(1.2);

-o-transform: scale(1.2);

-webkit-transform: scale(1.2); }

</style>  








6. Dan seterusnya Save.

7. Hasilnya gambar akan membesar seperti dibawah ini.

8.Selamat mencuba boy pasti anda akan berjaya. 

0 comments: