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 !