Tutorial : Flying icon dalam Blockquote

February 09, 2012

 Assalamualaikum.
Korang perasan tak dalam blockquote akan ada icon kecil yang melintas.Yang Ema punya ada cokelat yang melintas kat bawah ini.Ema nak beritahu camner nak buat

1) Log in > Dashboard > Design > Edit Html>Tick Expand Widget


2) Tekan Ctrl + F , dan cari :

.post blockquote {

3) Dah jumpa kan ? Korang Copy yang ini pulak :

blockquote:hover {background-color: #FFC8F2;-webkit-transition-duration: 3.5s;background-image:url( http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif );background-position:bottom right;background-repeat:no-repeat; }

4. Paste di bahagian bawah kod yang korang carikan tu

5. Jika sudah siap.Anda boleh buat pilihan dalam kod biru dan kod merah

Warna Biru : Warna Background Selepas Cursor Menyentuh Blockquote CLICK SINI untuk pilihan warna
Warna Merah : Icon Yang Akan Muncul Selepas Cursor Menyentuh Blockquote CLICK SINI untuk icon
Warna Hijau : Boleh ubah kelajuan icon anda 


No comments:

Saya komen

Powered by Blogger.