Home » » Tutorial : Membuat Kotak Blockquote

Tutorial : Membuat Kotak Blockquote

Blockquote testing

Assalamualaikum...hari ni caer nak berkongsi satu lagi tutorial bagaimana nak menghasilkan kotak blockquote...caer rasa dah ramai blogger2 menggunakan kaedah ni untuk pelbagai tujuan...antaranya menghightlightkan isi2 penting , pengumuman , nota kaki dan sebagainya...so caer nak tunjukkan step2 untuk menghasilkan blockquote..check it out

1) Sign in >> dashboard >> design >> edit HTML >> tick expand widget template

2) Tekan CTRL + F

3) Cari kod
]]></b:skin> atau blockquote {

4) Masukkan kod di bawah ni di ATAS ]]></b:skin> ...jika menggunakan kod blockquote { masukkan kod ni di BAWAH

margin: 10px 10px 10px 20px;
padding: 10px 15px 10px 15px;
line-height: 1.6em;
color: #000000;

background: #66bbdd;

border: 3px solid #000000;
border-left: 3px solid #000000

5) Ubah mengikut citarasa korang macam mana >> KOD HTML WARNA
color: #000000;

background: #66bbdd;

6) Preview dan save jika berpuas hati

3 comments:

farah.razali said...

Caerrrr.. Tak boleh pun buat ni :'(

caer sasuke said...

farah razali : huh??pelik jugak..sbabnye klu ikut step confirm bleh buat..mgkin x mahu sbab akak gune layout wordpress etc..maksud caer slain dri blogspot punye..agaknye la

Unknown said...

Salam Caer,

Nice blog and good tips & trick for bloggers.. nak tanya, instead of tukar colour n font for blockquote, kita boleh letak image kan? tau x camne nak buat?

Cth: if akak nk blockquote tu seakan2 display atas notebook, so camne nk add image tu dlm coding ya..any idea?

 
copyright reserved by caersasuke