Menampilkan Kode HTML Dan Javascript di Artikel Blog

Admin 09.34

Ada kalanya kita ingin berbagi antar sesama blogger guna saling membantu dan membahu untuk membangun masing-masing blog yang dimiliki. Hanya terkadang niat tersebut akan menjadi luluh lantah jika niat kita untuk berbagi malah jadi ancur dan acak-acakan. Hal seperti itu bisa terjadi ketika kita ingin berbagi sebuah kode HTML / Javascript yang ingin di posting di blogspot kita, guna membagikan ilmu yang kita dapat untuk semua orang.

Hal diatas bisa kita antisipasi dengan mengakali bagaimana cara menampilkan Kode HTML / Javascript di artikel blog.
Untuk melakukan hal tersebut, ada sedikit kode yang harus kita masukan kedalam template. Cara dengan mengedit kode HTML di template.

Jika niat anda untuk berbagi sebuah kode HTLM / Javascript sangat kuat, silakan ikuti langkah dibawah ini.

1. Masuk ke Dashboard > Template > Edit HTML

2. Cari kode seperti ini

]]></b:skin>

3. Setelah ketemu, silakan sisipkan kode dibawah ini diatas kode yang sudah ditemukan tadi.

pre {
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%; l
ine-height:100%;
overflow:auto;
padding:10px;
color:#000000
}
pre:hover {
border:1px solid #efefef;
}
code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;
}
.clear {
clear:both;
overflow:hidden;
}

Dan akan tampak seperti gambar dibawah ini.