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

 
copyright reserved by caersasuke