0 cara menayangkan code script pada postingan

Jika mempunyai blog yang bertemakan tutorial blog, atau blog trik maka yang pasti anda sering menggunakan HTML Encoder. Penggunaan HTML Encoder diperlukan agar script kode yang kita tuliskan dapat ditayangkan pada blog. Namun ada cara yang lebih mudah untuk kita menulis kode2 tersebut tanpa menggunakan HTML Encoder. Jadi tentunya anda akan menghemat waktu dan tenaga saat menulis blog. Jika sobat ingin tau cara kerjanya maka ikuti langkah berikut ini:

1. Masuk ke Rancangan --> Edit HTML
2. Carilah kode ]]></b:skin>
3. Ganti kode diatas dengan kode dibawah ini:

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
line-height:1.6;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZvwCf9Pop3pZMpYSe282dR0h9TrBikIQ91fg3PaLtOqRMqPsjnph2wHbi8cgcv3JEaLhG8dwcqc9gmTZetXLWsUtFEqbdQi7ES0Bnhs5dTnrJvTV_OsAnAafmN_HfXu-O5Dgh4uzFtsxD/') 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 {
line-height : 24px;
color : #333333;
margin : 0;
padding : 0;
}
]]>

Keterangan: Anda dapat mengganti kode berwarna biru dengan url gambar yang anda inginkan

4. Simpan template anda

Untuk cara kerjanya, jika sobat menulis Script Kode pada posting maka masuk ke tab Edit HTML, lalu sisipan kode yang ingin ditayangkan (kode warna merah) pada div class seperti dibawah ini:

<div class="codeview">
<!-- Letakkan kode anda disini -->
</div>

sekian dan terimakasih tutorial dari ciyem, semoga bermanfaat!

Komentar →