Cara Menampilkan Kode Script pada Posting

Halo Sahabat Bayoe Semua,

Jika sobat mempunyai blog yang bertemakan tutorial blog, atau blog trik maka yang pasti anda sering menggunakan kode script HTML, CSS, dll. Ada cara yang mudah untuk menayangkan kode tersebut pada blog agar mudah dilihat namun tetap terlihat cantik dan stylis. Jika sobat ingin tau cara kerjanya maka ikuti langkah berikut ini:

1. Masuk ke Rancangan --> Edit HTML
2. Carilah kode ]]></b:skin>

3. Paste kode dibawah ini diatas kode tadi:

.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/AVvXsEhfAxo-IXEdt5UjyZVx8B4tgLMbHc2__KOPSPZTL6gZ02PZdp4ink1dzw3_GrxRANnMrkmKVKXT2B6BObPza43o8Ywje-GjpIBdKwWKnbcQfLBwE2cB-bSfH9fGXahkia38oE58UJnW6wz9/') 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>

Klik disini jika ingin mengetahui hal yang lain tentang Blog

Jika tulisan ini bermanfaat bagi anda, kami sungguh berterima kasih jika anda bersedia membantu kami dengan mengklik, Yang ini ,yang ini, yang ini atau yang ini. satu kali anda mengklik sungguh berharga bagi kami

semoga Informasi tersebut bermanfaat untuk anda.Silahkan  Bertanya jika ada yang kurang dimengerti ^^.

Jangan lupa berkunjung lagi  dan ikuti ya web ini gan.