Bingkai Block Quote sederhana


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.

6. Simpan Template dan mulai lah membuat tutorial nyaa...

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