Thursday, December 13, 2012

Tutorial : Pasang Blockquote ( Part 1 )

Assalamualaikum dan Salam 1 Malaysia


Selesai sudah umumkan pemenang. Tahniah ! Ingatkan nak buat tempahan blog orang , tapi photoshop tak ada. Selalunya guna laptop ayah.Segala hadiah pemenang tak dapat buat lagi.Buntu. Tunggu ye..

1. Dashboard > Template > Edit HTML > Proceed > Tick Expand Widget Template

2. Tekan CTRL + F serentak dan cari code dibawah ini :-

.post blockquote { 

atau

]]></b:skin>

3.  Copy code dibawah ini.

background:url(URL BACKGROUND 1);border: 2px solid #000000;-webkit-transition-duration: 1s;}
.post blockquote:hover{background:url(URL BACKGROUND 2);border:2px dashed #FFFFFF;-moz-border-radius: 10px;-webkit-border-radius: 10px;-webkit-transition-duration: 1s;}
4. Yang mencari code .post blockquote {  pastekan di BAWAH manakala yang mencari code ]]></b:skin>
pastekan di ATAS

5. Preview dan SAVE !

Nota kaki :

- BIRU  : Background sebelum cursor disentuh 
- MERAH ; Warna border sebelum cursor sentuh
- UNGU : Background selepas cursor sentuh
- HIJAU : Warna border selepas cursor sentuh

Code Colour < 

! Terima Kasih !


0 Pengomen Terhebat !!:

 

Copyright © 2012 Reserved to Fujiwara Asuka Design with love by Fatimah Azzarah