Cara Posting Code HTML di Blogspot

Posting Code HTML di Blog

Saat sobat mencoba membuat artikel tutorial tentang blog ,pasti memakai code HTML untuk melengkapi artikel.Tapi ada kalanya posting kita terhambat gara-gara kode HTML yang kita copy paste ke postingan tidak muncul ,atau muncul tapi tampilannya berantakan gak karuan.Ini biasanya terjadi pada seorang blogger pemula seperti saya yang masih berusaha balajar menulis artikel tutorial blog yang pastinya membutuhkan code-code HTML.

Bagaimana cara mengatasi masalah saat kita mau posting code HTML?

Langsung saja pada pokok bahasan

1.Sobat bisa mengconvert code HTML mengunakan tool convert di http://centricle.com/tools/html-entities/
 

2.Copy paste code yang sudah di convert pada postingan

Selesai sudah postingan kita ,tapi ada lagi cara untuk posting code HTML ,kali ini kita convert pada blog kita sendiri ,berikut ini scriptnya mari disimak

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=320&h=200&title=Post-Code%3A+code+converter&border=%23ffffff%7C0px%2C1px+solid+%23ffdd00%7C0px%2C2px+solid+%23ffdd33%7C0px%2C2px+solid+%23ffee99&output=js"></script>

Dan akan menghasilkan tampilan seperti di bawah ini




-Pasang script diatas pada widget blog
-Tinggal copy code HTML lalu pastekan pada kotak lalu klik CONVERT 
- Setelah terconvert copy kemudian pastekan pada postingan kita

Untuk meringkas tampilan code HTML yang sobat posting sobat bisa memakai text area dan text area ini bisa juga langsung diisi dengan code HTML tanpa diconvert
Berikut ini scriptnya

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55"&gt;Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>

Akan menghasilkan tampilan seperti ini nantinya

Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks

OK sob udah paham dan ngerti kan cara posting kode HTML pada blog?
Pastilah mudah bagi kalian ............

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 20:39 and have 81 comments