Cara Mudah Sisipkan Postingan Kode html Di Blogspot
- Login to Blogger dashboard
- Go to Design Section
- Then select Edit HTML tab
- Dont forget to backup your template
- Find ]]></b:skin> tag ( ctrl F ) keyboard
- 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/AVvXsEjhKC7wWRsMBDDqyyPeOw85vzco9DBqy6xHjKX1Z6FUTtm0pqoNIyNzGPvGNwMFJbZ2c5D0mSxhaMfg03wZvkl4LtDaUnrVxMyKINT38i3LFKF1CUCpnqdj3ZDQ0AJRd5zoUiJOerKc4po/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;}
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/AVvXsEjhKC7wWRsMBDDqyyPeOw85vzco9DBqy6xHjKX1Z6FUTtm0pqoNIyNzGPvGNwMFJbZ2c5D0mSxhaMfg03wZvkl4LtDaUnrVxMyKINT38i3LFKF1CUCpnqdj3ZDQ0AJRd5zoUiJOerKc4po/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;}
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;}
]]></b:skin>
Simpan Template kamu.
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">
<!-- Kode html kamu -->
</div>
<!-- Kode html kamu -->
</div>
Semoga bermanfaat.

Post a Comment