Tutorial Image Hover (like me)

HOVER  to Preview

Frame image dan hover round di blog ini menggunakan tambahan script-nya, jadi bukan bawaan blogskin. Di template designer dan simple template juga bisa mengggunakannya.
Ini tutorialnya :



(untuk frame/border image-nya)

• Tekan F3,  cari code    img {
• Copy code di bawah ini

-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
padding:5px;
border:1px solid #eee;

• Paste di bawah code   img {

(Untuk round hovernya)

• Tekan F3,  cari code img:hover {  
• Jika tidak ada,  tambahkan code tersebut di bawah sub-sub nya code img{
• Copy code di bawah ini 

border-radius:30px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;

• Paste di bawah code  img:hover {
• Preview -________-
• Done.

If u not understand,   ask me (y)

==  UPDATE ==

• Jika kalian belum mempunyai code  img{  di blog,
• tinggal tambahkan code  img{  itu di atas code </style>
• Cara meletakkannya :

img {

CODE PADA STEPS 2

}

• Jika ada tanda kurung kurawa buka ( { )   berarti harus ditutup dengan tanda kurung kurawa tutup ( } )

Merah : code pada steps 2 paste di antara kurung kurawa buka dan tutup.