2. Go to Design Section
3. Then select Edit HTML tab
4. Dont forget to backup your template
4. Find ]]></b:skin> tag ( ctrl F ) keyboard
5. Replace it with Bellow Code of section
.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/AVvXsEie9dHr4m26C0Hs4jg_Hg3Zf6OZ1ll4Trx63A7o2hKcvYRz8jqf5HLEqJaz_-gcxAMXtl6j3gghvwaLm-RI4xbUS5dws-P2nq_bBuzSgPIzmPGt0htJZrDZvqzzhEAxpXMwiVjJS3i_gNM/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;
}
]]></b:skin>
Simpan Template kamu. 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/AVvXsEie9dHr4m26C0Hs4jg_Hg3Zf6OZ1ll4Trx63A7o2hKcvYRz8jqf5HLEqJaz_-gcxAMXtl6j3gghvwaLm-RI4xbUS5dws-P2nq_bBuzSgPIzmPGt0htJZrDZvqzzhEAxpXMwiVjJS3i_gNM/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;
}
]]></b:skin>
Tambahan :
Untuk Posting kode html pada postingan blog berikutnya, sobat tinggal memasukan kode html yang mau diposting diantara kode dibawah ini : yang bertulis kode html kamu yang berwarna merah.
<div class="codeview">
Semoga bermanfaat.
<!-- Kode html kamu -->
</div>
tips berguna, praktek dulu.
ReplyDeleteperlu dibuktikan nih