Tutorial : Membuat Blockquote.


Semalam aku ade post kan pasal blockquote aku tak menjadi. So, this is the problem. Actually, template designer tak pakai code nieh .post blockquote rupenye. Aku gune template designer, so memang tak kan jumpe lah code tuh. Then, kepada anyone yang gune template designer. Nieh cara untuk buat menyelesaikan blockquote.

Dashboard > Design > Edit HTML > Tick Expand Widgets > F3
Dye akan keluar satu kotak kan ? Okay, and then search words nieh. 

.post-body {
Then dekat bawah code .post-body { tuh ade code macam nieh.

.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}

Okay, jumpe tak ? Lepas tuh copy code bawah nieh and paste di bawah code atas nieh tadi.

.post blockquote {
background: url(URL KORANG);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}

So dye akan jadi macam nieh.

.post-body {
font-size: 110%;
line-height: 1.4;
position: relative;
}
.post blockquote {
background: url(URL GAMBAR);
border-top: 2px dashed #FF0080;
border-left: 2px dashed #FF0080;
border-right: 2px dashed #FF0080;
border-bottom: 2px dashed #FF0080;
margin:1em 20px;
}
Yang URL GAMBAR tuh, background yang di kehendaki. Yang warna biru tuh pulak jenis warna yang di minati. Hehe, boleh cari kat sini warna dye.

Preview and lihat hasilnye. Kalau tak jadi, tanye okay.

credit to :  Nor'ain