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/AVvXsEgNUYhCnIB3eFk753d4-HKaGiJ98LgiUClIqyP6FZ3yxOyQqDW1zhQco84R7mBXv0LZc19u8aUzgPgYBJSIb2BQeZhUTMMGkF8eFKgWKin6KDwUev0TPLTrJEBixOjGa8BElI9lbMLQKDk/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/AVvXsEgNUYhCnIB3eFk753d4-HKaGiJ98LgiUClIqyP6FZ3yxOyQqDW1zhQco84R7mBXv0LZc19u8aUzgPgYBJSIb2BQeZhUTMMGkF8eFKgWKin6KDwUev0TPLTrJEBixOjGa8BElI9lbMLQKDk/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>Sumber : http://palingkomplet.blogspot.com/2012/03/cara-mudah-posting-kode-html-di.html
what is it? I think it's a wonderfull idea!!!!
BalasHapus------------------------------------------------------------------
Rc Helicopter|Rc Hobby Stores|Mini Rc Helicopter
what is it? I think it's a wonderfull idea!!!!
BalasHapus------------------------------------------------------------------
Rc Helicopter|Rc Hobby Stores|Mini Rc Helicopter
what is it? I think it's a wonderfull idea!!!!
------------------------------------------------------------------
Rc Helicopter|Rc Hobby Stores|Mini Rc Helicopter
Makasih sob infonya, kalo boleh saya tambahin, kode htmlnya diubah dulu, misalkan simbol < jadi <, biar yang lain juga ga bingung kalo belum tahu. Atau kalau mau simple ke sini aja. :D
BalasHapusKalau sempat mampir ya ke Kelas Informatika
Makasih buat yang sudah ninggalin komentarnya,
BalasHapus@harry Agustina dan sobat lainnya..untuk tulisan pada komen deklarasi yang berwarna merah diganti dengan kode html sobat..
Dan ada baiknya pada posisi mode html bukan compose, bisa langsung dipastekan atau di parse kan dulu kode htmlnya dengan bantuan :
http://centricle.com/tools/html-entities/
Lalu hasil parsenya dicopy pastekan pada tulisan (hapus dan ganti dengan kode htnl sobat.
kalo mau dibuat per artikel saja gan gimana? bukan dipasang di template, kalau di template kan pengaruh ya pada keseluruhan blog.
BalasHapustips berguna, praktek dulu.
BalasHapusperlu dibuktikan nih