Cara Membuat Kotak Info, Catatan dan Warning Pada Postingan

taruh di atas ]]></b.skin> atau </style>

.info, .tips, .warning {
line-height: 22px;
min-height: 38px;
padding: 10px 12px 12px 68px;
margin: 5px 0;
}
.info {
background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAZNToQssWvgstCq6mZECjt9CYhKIMfsMU7rewqRF8XfFgu05EUgmoQrXRHfMTwAw_F9hXYALjh-Eh9dC7HAMtxTwtGZruKmp7Jm2Shxr66rr0zeP_1n2MFsZCgGjgGHTLxgmUO_ctOY/s1600/info.png') no-repeat 12px 8px;
color: #222
}
.tips {
background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-A1LybYMDSUjAia3FMGfpTK5Tz37O6ulel36f7Fz51mcW8tBLomkXQ_mnKTsxJtCZ53_F_AvMZdCAFWhlCsVXJ1LK-MGIMRWi0xjsmAXODzTaihPlnB3WbhZkV0J4ogpz1OlsiUIXx7I/s1600/tips.png') no-repeat 12px 8px;
color: #fff;
}
.warning {
background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHl4khd-l0Ry34ht_vabcJv1GmuFfmnHGUXlRBNsfyjnwgv3dr4sE61GzjZhGWW9Sf_w8LJJG0MSX8DSfcMli7LBpXZjhl3s6XGT-fINqLF8qeu0H4U2iBURxFJf-5AI2mMQ9fDPv2K7I/s1600/warning.png') no-repeat 12px 8px;
color: #fff;
}

Apabila sudah selesai simpan template

Kemudian bila sobat ingin membuat kotak tersebut dalam postingan sobat tinggal menyimpan tulisannya di antara kode berikut,

Untuk catatan atau info, kodenya sebagai berikut:

<div class='info'>
... Catatanya di sini ...</div>

untuk tips

<div class='tips'>
... tipsnya di sini ...</div>

untuk peringatan atau warning

<div class='warning'>
... peringatanya di sini ...</div>