Tutorial membuat blockquote berwarna

Yeahhhh!!! Akhirnya aku berjaya jugak buat blockquote. Jadi hari nie aku nak share sikit tutorial yang aku dah gunakan nie memang berhasil dan mudah sekali. Apa tunggu lagi jom kita belajar untuk buat blockquote nie.*kalau ada yang tak tahu macam mane rupa blocquote tue boleh lihat di bawah ni tulisan yang berada di dalam kotak bewarna tue*

Step 1

Dashboard > Design > Edit Html > tick dekat kotak Expend Widget > tapi sebelum tue make sure korang download dulu full template bagi langkah berjaga-jaga.

Step 2

Tekan keyboard CTRL+F secara serentak. Di atas sebelah kanan ada keluar satu kotak kecil dan tuliskan code ini di dalam kotak itu.

blockquote

Step 3

Ini contoh coding yang aku guna.Harus di ingat setiap blog adalah berlainan coding.

blockquote {

margin: 10px 10px 10px 20px;

padding: 10px 15px 10px 15px;

line-height: 1.6em;

color: #000000;

background: #8A0886;

border: 3px solid #000000;

border-left: 3px solid #000000

}

kemudian korang boleh adjust pada coding di atas nie bagi warna , backround dan border.

Color : Code warna teks dalam blockquote.

Background : Warna background dalam kotak blockquote

Border : Untuk adjust ketebalan , jenis dan warna border

Step 4

Preview dan sekiranya tiada masalah boleh la SAVE.

*******************************

Note : Sekiranya blog korang ada code blockquote tapi tiada code color , backround dan border. Jadi korang just tambah code seperti di bawah.

blockquote {

margin: 10px 10px 10px 20px;

padding: 10px 15px 10px 15px;

line-height: 1.6em;

color: #000000;

background: #8A0886;

border: 3px solid #000000;

border-left: 3px solid #000000

}

Note : Sekiranya pula blog korang tak ada code blockquote jadi korang boleh buat seperti di bawah.

Step 1

CTRL+F secara serentak.Cari code ini

]]>

Step 2

Copy dan paste code di bawah ini sebelum code ]]></b:skin>

blockquote {

margin: 10px 10px 10px 20px;

padding: 10px 15px 10px 15px;

line-height: 1.6em;

color: #000000;

background: #8A0886;

border: 3px solid #000000;

border-left: 3px solid #000000

}

Untuk color korang boleh pilih di >SINI