January 05, 2015

Tutorial : Hover efek pada Post Title

Payah lah kalau cawan lagi comel daripada aku. Kopi satu cawan mari!!!





Assalamualaikum u olls! Sorry sebab I merepek malam-malam ni. Not really 'malam'. Okey, aku

tulis post ni sebab aku excited nak share macam mana aku boleh letak hover bersinar-sinar dalam

border aku. Hehehe. Contoh macam ni:

Post Title yang Gempak gilerr

1. Tekan ctrl+f dan search .h1 {. Tapi sebab korang guna blogskin, korang kena search mana letaknya kod id untuk Post Title. Macam saya, dia punya id ialah

.title-1 {

2. Selepas tanda } , tambah  kod di bawah :

.title-1 : hover {
background : url (URL image)

merah : tukar dengan kod id for ur post title
ungu : tukar dengan url image yang korang nak. Kalau tak tahu nak cari dekat mana, search dekat SINI
    
3. Dah siap tukar, preview dan save.

Dekat bawah ni, aku sertakan beberapa yang korang boleh guna:



<a href="http://www.glitter-graphics.com"><img src="http://dl7.glitter-graphics.net/pub/68/68547cwg98wmzcn.gif" width=293 height=27 border=0></a><br><a href="http://www.glitter-works.org" target=_blank>glitter-graphics.com</a>


<a href="http://www.glitter-graphics.com/"><img border="0" src="http://dl6.glitter-graphics.net/pub/651/651856g67e66p117.gif" height="120" width="100" /></a>