My Loyal Followers

Saturday, December 4, 2010

Macam mana nak letak Kotak Blockquote Warna Pink dll.


Macam mana nak letak kotak pink mcm dekat page ila ni ? ahha, mule-mule pun ila tatawu pe sebnanye kotak pink ni. Tengok blog orang lain, mcm best je. Lawa bukan? :)
Selalunya orang pakai kotak ni sebab dye nak wat tutorial, nak senang tunjukkan code
for tutorial, or just nak highlight kan something. 
And korang tahu tak pe kebendenya kotak pink ni? 
Tu la dinamakan, BLOCKQUOTE. haha :)

Jom, ila ajar jom camne nak pakai kotak pink ni. Ooppps, i mean Blockquote :) 

1. Pergi ke Dashboard korang, then click Layout ==> Edit HTML ==> tick kotak Expand Widget Templates

2 Then tekan dekat keyboard button ctrol + f , type & cari word .post blockquote { highlite semua word bawah ini
.post blockquote {
margin:1em 20px;
}

3. Copy dan pastekan semua itu dengan code ini
.post blockquote {

background: #FFCC99;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 1px solid #ff0d62;

margin:1em 20px;
}
 
4.Take note !

background: #FFCC99;
Border: 1px solid #ff0d62;

Korang boleh tukar dekat tulisan merah tu, so that korang boleh letak warna yang korang nak . Kalau korang tak tahu nak letak kaler pe, pergi dekat LINK ni .
Dekat tulisan hijau tu, korang boleh setkan line macam mane korang nak untuk jadikan borde kotak tu. Korang boleh pilih solid,dotted,or dashed.
Yang kaler biru tu pulak, korang boleh setkan ketebalan line border kotak blockquote. Letak la, 1px ke, 2px ke, and ikot suka hati korang la berapa angka korang nak letak
solid adalah garisan lurus. contoh ___________
dotted adalah garisan titik² contoh .........................
dashed adalah garisan putus² contoh _ _ _ _ _ _ _

5.Then, tekan laju-laju dekat button SAVE

6. Pergi New post ==> then tulis lah sesuatu kemudian highlite semua word anda kemudian tekan button ni :

UPDATE

KALAU korang tak jumpa code blockquote, jangan risau, korang boleh terus copy code yang di beri dan paste kan dia sebelum
]]></b:skin>

Oke, tu je ! Siap dah ! haha, complicated tak? Ila rasa tak, ni simple punye code je, tak kaco byk pun.

So ape lg? Pergi la try ye :) Goodluck !

p/s : Credit to Liyana Lunia 


0 comments ヅ:

Post a Comment

Related Posts Plugin for WordPress, Blogger...