//Forever Imperfect
Buat blockquote hover keluar icon kecil

Sunday, December 2, 2012 @ 11:51 PM | 0 Comment [s]


Okay . Sekarang tutorial untuk buat blockquote hover then keluar icon kecil ! Sangat comel you knowwwwwww . Ni contoh nye . 

Nak buat jugak ? Ha . Boleh2 . Meh sini nak ajar .

1)Dashboard > Template > Edit HTML
2)Tekan CTRL+F and cari kod :
blockquote:hover {
3)Ada tak ? Kalau tak de cari kod ni :
blockquote }
blablablabla
blablablabla
 4)Jumpa ? Okay . habis je kod atas ni terus paste kod ni kat BAWAH dia  pulak :

blockquote:hover {
background-color: #ffffff;
-webkit-transition-duration: 3.5s;
color: mistyrose;
background-image:url(URL ICON);
background-position:bottom right;
background-repeat:no-repeat;
 }

5)Okay , da settle . Sekarang tinggal adjust apa yang Anis highlight kan tu.

MERAH : Warna background selepas di hover
OREN : Berapa lama masa nak keluarkan icon
HIJAU : Warna tulisan selepas di hover
BIRU : URL icon yang nak letak tu .

p/s : Nak freebies icon klik SINI


Older Post | Newer Post
The Disclaimer



Im not beauty queen. Im just Beautiful Me.

*Please be nice and mind your step here darling :* *

underlined, bold

blockqoute


Navigations!

Diary About Stuff Site


Current updates:
Dah tak lama lagi nak naik sekolah . Jarang lah update lepas ni . Pmr is just around the corner babe . Wish me luck . :*

Loovey Doovey




Let's Talk!

Chatbox

The Credits!

Template by : Farisyaa Awayy
Basecode by : Nurynn
Full Edited : Anees Humyra

Best View at GOOGLE CHROME!