Cara Menampilkan Kode Html Di Posting Blog Blogspot

Pada artikel yang sudah lalu saya membahas cara memasukkan kode html ke postingan blog blogspot, sedangkan pada artikel kali ini saya akan mencoba untuk menuliskan bagaimana "cara memunculkan kode html di postingan blog blogger" (blogspot), maksudnya agar kode html nya yang terlihat di posting bukan hasil dari kode html tersebut.

Misalnya ingin menampilkan kode html ini

<a target="_blank" href="http://www.ahmadrifai.net/"><img src="http://www.ahmadrifai.net/wp-content/uploads/2010/06/logo.png"></a>
Tujuan kita adalah menampilakan kode html di atas, ternyata setelah kita lihat hasilnya malah seperti ini:

Jasa Pembuatan Blog

Pernahkan teman mengalami hal seperti itu?...

Bagi pengguna blog wordpress hal ini sangat mudah, untuk menampilkan kode Html pada postingan blog wordpress kita cukup menuliskan kode html tersebut pada kolom isian artikel, akan tetapi pada bloggger atau blogspot hal ini tidak bisa dilakukan begitu saja, untuk menampilkan kode html di postingan blogspot maka kita perlu menggunakan trik.

Ada 2 Cara Untuk Menampilkan Kode Html di Postingan Blogspot.

Pertama

Menggunakan software html editor, dengan menggunakan software html editor maka kita bisa dengan mudah menuliskan kode html yang kita inginkan.

Kedua

Menghafal atau mencatat kode-kode html tersebut.

Berikut kode html yang perlu teman-teman ketahui. Kode html ini akan sangat di perlukan untuk menampilakan kode html di postingan blog blogspot.


Kode Yang Terlihat Kode Yang Di Tuliskan
< &lt;
> &gt;
& &amp;
" &quot;

Itulah kode html yang sering di gunakan, silahkan di catat, atau simpan saja halaman ini :-)

Misal, saya ingin menampilkan kode html banner berikut ini

Jasa Pembuatan Blog

Maka saya harus menulis kode html nya seperti ini
&lt;a target="_blank" href=&quot;http://jasablog.ahmadrifai.net/&quot;&gt;&lt;img src=&quot;http://img809.imageshack.us/img809/4482/jasapembuatanblog.gif&quot; alt=&quot;Jasa Pembuatan Blog&quot;/&gt;&lt;/a&gt;
Sehingga hasilnya akan terlihat seperti ini
<a target="_blank" href="http://jasablog.ahmadrifai.net/"><img src="http://img809.imageshack.us/img809/4482/jasapembuatanblog.gif" alt="Jasa Pembuatan Blog"/></a>
Nah itulah cara untuk menampilkan kode html di postingan blog blogspot.

Semoga bermanfaat

4 comments: