Membuat Kotak Blog di Postingan

Anda tentu pernah melihat ada tulisan atau kode tertentu dalam postingan yang berada dalam kotak blog, seperti ini :

Contoh
Kotak Blog kotak Blog Kotak Blog kotak Blog

Kotak blog pada postingan bisa menambah cantik penampilan dan bisa digunakan untuk menempatkan tulisan-tulisan penting/pokok.

Langsung saja,ke cara membuat kotak blog:
1. Login ke blogger
2. Klik Layot
3. Klik Edit HTML
4. Copy paste kode dibawah tepat diatas kode ]]></b:skin>
5. Klik Save

.kotakblog {
margin : 15px 25px 15px 15px;
padding-top : 10px;
padding-left : 15px;
padding-right : 15px;
padding-bottom : 30px;
clear : both;
list-style-type : none;
background : #f9f9f9;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}

Untuk membuat tulisan berada pada kotak blog, waktu menulis postingan letakkan tulisan diantara kode <p class="kotakblog"> ..... </p>

Anda bisa merubah warna background juga warna border sesuai selera Anda. Untuk membuat ukuran lebar dan tinggi kotak, tinggal menambah kode berikut :

width : xxxpx; untuk lebar kotak, xxx misal 300
height : yyypx; untuk tinggi kotak, yyy misal 100

Semoga tip ini bermanfaat.