✿ Naziramohamad ✿: Quotes berbackground dan berborder yang comel 2013

Assalamualaikum wahai rakan blog ^^ korang tengok tutorial mesti sebab korang ada blog kan? Hehe.. (Taip sambil menggigil tangan) Tadi saya baru lepas tengok cerita Hantu -_- pulak tu filem Horror Indonesia.. Peh.... Extreme giler.. Tu yang sampai menggigil nak taip ni... hish! takpe demi nak berkongsi >< Saya tetap teruskan menaip!! (Krik Krik)

Okay, dah! Jom kita mulakan! Tapi sebelum tu, saya nak bagi tahu, tuto kali ni, kod dia tak tersenarai dalam HTML BLOG taw.. So, kita kena reka cipta sendiri ^.^ So, Jom mula!!! (semangat KwangSoo datang!)

1 . Dashboard >> Template >> Edit HTML

2 . Tekan Ctrl+F dengan Serentak. Copy paste kod di bawah ni

h3.post-title, .comments h4 {

Ataupun macam ni (kalau lain -.-' bukan blog kot?? Hehe)

h3.post-title {

3 . Nanti korang nampak kod macam ni kan?

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}

ataupon

h3.post-title {
margin: 0;
font: $(post.title.font);
}

4 . Okay kod atas ni cuma nak cari tempat sesuai untuk copy paste kod bawah ni jer ^^ Hehe.. Anyway, kod bawah ni copy paste dekat bawah kod di atas .

.post blockquote {
background-image:url(URL GAMBAR PILIHAN);
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border-top: 2px dashed #000000 ;
border-left: 2px dashed #000000 ;
border-right: 2px dashed #000000 ;
border-bottom: 2px dashed #000000 ;
}

5 . Lepas korang dah copy paste kod atas ni tadi, kod korang akan jadi macam ini kan

h3.post-title, .comments h4 {
font: $(post.title.font);
margin: .75em 0 0;
}
.post blockquote {
background-image:url(URL GAMBAR PILIHAN);
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
border-top: 2px dashed #000000 ;
border-left: 2px dashed #000000 ;
border-right: 2px dashed #000000 ;
border-bottom: 2px dashed #000000 ;
}

6 . Kalau nak ubah warna pada highlight hijau seperti di atas tu boleh cari dekat sini!

7 . Lepas tu Save! (Tutorial ini tak boleh preview) ^.^ tapi dekat bawah sekali ni ada background yang korang boleh copy paste je, kalau taknak boleh lah cari dekat tempat lain, OK!

8 . Kay finally, tak reti erk nak tawu menjadi ke tidak? Okay, camni.. Saya bagi contoh ^^