Tutorial:Image Hover Part2

Tumblr_m1rv7umi2x1qh35jlo1_500_large

Assalamualaikum and annyeong.. Hai u'alls. Dah lama tieqa tak hupdate tuto kan? Sorry sgt. For this month tieqa busy dgn preparation for final exam. Tapi tieqa still akn hupdate blog ni if ada request tuto dari korg. Ok la tuto kali ni di-request oleh Nabila . Dia tnya mcm mana nk buat image hover mcm blog tieqa ni. Meh tieqa tunjukkn caranya.

1. Dashboard > Template
2. Press Ctrl+f serentak dan cari code </style>
3. Kemudian copy code di bawah

img {
border-radius:10px;
opacity:0.6;
-webkit-transition-duration:2.5s;
}
img:hover{
border-radius:30px;
opacity:10.8;
-webkit-transition-duration:2.5s;
}

4. Paste di atas code </style> for blogskin
5. Preview & save.

Alhamdulillah. Follower blog ni telah mencecah 200. Terima kasih semua :)

13 comment [s]:

Balqis ! said...

nie cuma untuk blogskin ke kew ?

Balqis ! said...

*blogskin je ke?

Nurul AtiQah said...

@Balqis ! : Yup. klau code utk template biasa tgk tuto ni..
http://nurulatiqahjaidin.blogspot.com/2011/11/tutorial-image-hover.html

Balqis ! said...

ooo..terimas yek ! :D

Myra Eunhyuk said...

komawo unnie,dh jdi..

:)

Lolly Lilly said...

gomawo~
like! :)

Farhana Lee said...

Yeah!Unnie follow this tutor^^

Marha Amni said...

Thanksss banyakbanyak kak

Siti Aisyah said...

saya amik...thankKyu...

Nurul Anisah said...

Thanks for the tutorial :)

fatimah zaharah said...

thanks a lot :)

myro afif said...

thanks banyak banyak

Fatin Nabila said...

ok thx