Menampilkan Coding Di Postingan Blogspot

Jika kawan - kawan sering melihat blog yang isi nya membahas tentang bahasa pemrograman pastinya pernah melihat coding yang di tampilkan seperti di teks editor . Jika kita langsung mencopy paste coding kita ke dalam blog maka hasilnya pasti tidak bagus dan rusak tidak enak di lihat .

Jika kawan - kawan mencari cara untuk menampilkan codingan di postingan seperti di teks editor aslinya maka kawan - kawan tidak salah membaca postingan ini . Disini saya akan memberikan cara yang kawan-kawan cari selama ini .

Bagaimana caranya ???

Disini saya menggunakan blog berupa blogspot . Buat sebuah postingan yang nantinya akan kita sisipkan beberapa coding . Setelah kawan-kawan membuat postingan , silahkan sisipkan coding dengan cara klik pada bagian html .

Copy code berikut ini .

<pre style="font-family:arial;font-size:12px;border:1px dashed #CCCCCC;width:99%;height:auto;overflow:auto;background:#f0f0f0;;background-image:URL(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKIZQxCWB7BApd5V3ejy74gFV2_nZSpn72mTyaiFIiKY9e0U67lS0_kUE7E9LPUKEzO0cHfIvP1zRzVaPdrPx4FlQiAb9R89BLVPNAXXqQG2zrM-6JfWWR6rwiZrdJJfmcOypvDDX-zlsm/s320/codebg.gif);padding:0px;color:#000000;text-align:left;line-height:20px;">
 <code style="color:#000000;word-wrap:normal;">
  // Letakan coding di sini 
 </code>
</pre>  

Letakkan di bagian html sesuai dengan yang anda inginkan . Emang agak aneh jika baru pertama milihat bagian htmlnya , terlihat tidak beraturan . Jika kawan-kawan bingung , takut salah mempaste code , saya ada triknya ni .

Triknya sederhana saja , kembli klik di bagian compose . Pada bagian yang ingin kawan-kawan sisipkan coding tekan tombol enter beberapa kali agar tulisan agak ke bawah . Lalu kembali ke bagian html dan cari tanda </br> yang banyak , kemudian blok semua </br> tersebut dan paste codenya di situ . Kemudian silahkan lihat di bagian compose , maka akan terlihat hasilnya .

Nah itu dulu yang dapat saya bagikan kali ini . Semoga bermanfaat bagi kita semua dan terus kunjungi adaajatutorial.blogspot.com untuk tutorial yang lainya.