9 February 2012

Tutorial : Flying icon dalam Blockquote


 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:

Lagi

Related Posts Plugin for WordPress, Blogger...