Tips Trik Membuat Box Cantik Efek Jahitan

• Copy kode dibawah ini dan paste diatas ]]></b:skin>

.box {
height:auto;
margin:15px auto;
line-height:1.1 !important;
font-size:15px;
padding:5px;
width:300px;
text-align: justify;
}
.abu2 {
background:#999;
outline:4px solid #888;
outline-offset:1px;
border:2px dashed #666;
}
.merah {
background:#e00;
outline:4px solid #d00;
outline-offset:1px;
border:2px dashed #a00;
}
.kuning {
background:#FD0;
outline:4px solid #FC0;
outline-offset:1px;
border:2px dashed #FA0;
}
.hijau{
background:#0C0;
outline:4px solid #080;
outline-offset:1px;
border:2px dashed #0A0;
}

• Save template

Untuk membuat box dipostingan  gunakan kode dibawah ini di mode HTML

<div class='box hijau'>
Letakan konten anda disini
</div>

Kode box hijau tersebut adalah kode tema dari box tersebut

1. abu2
2. kuning
3. merah
4. hijau

Jadi jika anda bosan dengan warna hijau anda bisa ganti dengan tema lainnya contoh warna merah misalnya,  penulisan kode HTML nya seperti ini

<div class='box merah'>
Disini letakan konten anda
</div>

Gimana sobat cukup mudah kan?....


( sumber: http://sin1aja.blogspot.com )

Related Post:

Tips Trik Blogger

• Tips Trik Membuat Daftar Isi Diblog
• Tips Trik Membuat Related Post Dengan Fungsi Scroll
• Tips Trik Membuat Related Post Dipostingan Blog
• Tips Trik Membuat Artikel Terkait Dengan Icon
• Tips Trik Menghapus Nomor pada Label
• Tips Trik Menghilangkan Underline ( Garis Di Bawah Link )
• Tips Trik Membuat Readmore Otomatis di Blog
• Tips Trik Membuat Box Area Efek Gelap Terang Dengan CSS3
• Membuat Syntax Highlighter Di Blogspot