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?

atiqahjaidin 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

han said...

komawo unnie,dh jdi..

:)

Lolly Lilly said...

gomawo~
like! :)

Lily- said...

Yeah!Unnie follow this tutor^^

Marha Amni said...

Thanksss banyakbanyak kak

Siti Aisyah said...

saya amik...thankKyu...

anshmnf said...

Thanks for the tutorial :)

Unknown said...

thanks a lot :)

Unknown said...

thanks banyak banyak

Fatin Nabila said...

ok thx