Terus belajar memahami kode HTML, aku mau kasih tutorial memberi border sekeliling kode blockquote, yang nantinya kode blockquote akan seperti ini tampilannya.
Contoh memberi bingkai sederhana pada Blockquote
Caranya adalah :
1. Dashboard
2. Template
3. Edit HTMl
4. Ctrl+F dan cari kode berikut :
]]></b:skin>5. Tempelkan kode berikut di atas kode ]]></b:skin>
.post blockquote {background: #FFEFD5;-moz-border-radius-topleft: 10px;-moz-border-radius-bottomright: 10px;padding: 6px;Border: 3px solid #800080;margin:1em 20px;
Kode warna tersebut dapat kalian ganti sesuai keinginan kalian, kode merah untuk background, Pink untuk Border
Kode warna Biru, dapat kalian ganti dengan dotted, groove, dashed, ridge, inset, outset,dll. semuanya memberikan model garis yang berbeda. Silahkan dicoba sesuai keinginan.
Note :
Jika sebelumnya kamu telah memasang kode blockquote , maka hapus terlebih dahulu kode terdahulu dan gantikan dengan kode yang ini. Terimakasih
No comments:
Post a Comment