Tutorial : Simple Blockquote

Assalamualaikum ^^

Hari ini Nabilah terasa rajin untuk membuat Tutorial mengenai Simple Blockquote.Sebelum tu , korang tau tak apa kebenda alah Blockquote tu ? Bagi yang tak tahu boleh tengok contoh Blockquote bawah nie :

Hye Awak.Ini lah Blockquote.Kotak inilah yang dinamakan Blockquote.
Sekarang dah tau kan ? Tapi Blockquote yang atas ini yang special punya hari nie kita buat Blockquote yang simple je dulu.Nanti bila dah berjaya buat yang simple Nabilah ajar buat yang macam Nabilah punya.Jom lah mula Tutorial nie.

1.Dashboard > Template > Edit HTML > Proceed

2.Tekan ctrl+F serentak , search 

.post blockquote p {
3.Copy code bawah ni , dan  paste kan BAWAH code yang korang search tadi.


.post blockquote {
background: #FBCAE7;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
border-left:  2px solid #000000;
border-right: 2px solid #000000;
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
margin:1em 20px;
padding: 6px;
}
4.Tukarkan 

Warna Purple -warna dalam Blockquote korang.kalau nak tukar boleh cari code warna DISINI

5.Save.Okey Dah siap ^^


No comments: