1. Login pada Blogger
2. Click Design/template
3. Kemudian edit html pada template
4. Cari kode ini ]]></b:skin> dengan keyboard ( ctrl F )
5. Kemudian tahap berikutnya tambahkan kode dibawah ini sebelum code ]]></b:skin>
.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib9crrT_cqdFw172tmqucaUk_7JXGPxBXhYOS5auqHOpQz3QEw-Dfd_yd4IILsn60QNQWRrPQSctUPXgZNQl9xGGjROnXQ6U_zsqedpSsKZ0NlMKM90IAwtg3C0gZDylfuhERZPbmdT8Ny/s1600/codeicon.gif") no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib9crrT_cqdFw172tmqucaUk_7JXGPxBXhYOS5auqHOpQz3QEw-Dfd_yd4IILsn60QNQWRrPQSctUPXgZNQl9xGGjROnXQ6U_zsqedpSsKZ0NlMKM90IAwtg3C0gZDylfuhERZPbmdT8Ny/s1600/codeicon.gif") no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
6. Simpan Template Anda.
7. Untuk Posting kode html pada postingan blog , Anda tinggal memasukan kode html yang mau diposting contohnya seperti dibawah ini :
<div class="codeview">
<!-- ketikan Kode html Anda disini -->
</div>
Selamat mencoba<!-- ketikan Kode html Anda disini -->
</div>