REKANAN

Followers

umpan balik

Waktu Sholat Hari ini

Menulis Kode HTML Di Halaman Blog

A graphical despiction of a very simple html d...Image via Wikipedia

Bagi yang senang menulis artikel untuk diupload di blog atau situs, mungkin pernah dipusingkan ketika hendak memposting tulisan yang didalamnya terdapat kode html. Karena ketika kode html diketik di halaman blog selalu ditolak oleh blogger dan selalu muncul peringatan “HTML Anda tidak bisa diterima: Tag is not allowed: META”. Penyebabnya tentu saja karena blogger tidak menerima karakter-karakter kode html. Artinya menulis kode HTML di halaman blog itu ada aturannya.


Agar kode HTML anda dapat tampil di halaman blog anda, terlebih dahulu anda harus merubah kode kode tersebut. Contohnya, perhatikan kode HTML di bawah ini.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Read More …</strong></a></p>
</b:if>


Untuk menampilkan kode HTML seperti di atas di halaman blog anda, sebelumnya anda harus merubah kode kode tersebut dengan ketentuan sebagai berikut:

< = &lt;
> = &gt;
/ = &#47;
] = &#93;
[ = &#91;
" = &#34;
' = &#39;



Sehingga setelah diganti satu per satu, kode HTML di atas menjadi seperti di bawah ini:

&lt;b:if cond=&#039;data:blog.pageType == &quot;item&quot;&#039;&gt;
&lt;style&gt;.fullpost{display:inline;}&lt;/style&gt;
&lt;p&gt;&lt;data:post.body/&gt;&lt;/p&gt;
&lt;b:else/&gt;
&lt;style&gt;.fullpost{display:none;}&lt;/style&gt;
&lt;p&gt;&lt;data:post.body/&gt;
&lt;a expr:href=&#039;data:post.url&#039;&gt;&lt;strong&gt;Read More …&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/b:if&gt;


Jika anda sabar melakukannya silahkan anda menulis nya satu per satu, tapi jika anda merasa keberatan melakukan itu sebenarnya ada cara pintas untuk melakukannya yaitu dengan mengunjungi salah satu dari alamat-alamat di bawah ini:

http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
http://centricle.com/tools/html-entities/
http://blogcrowds.com/resources/parse_html.php

Copy kode HTML yang anda inginkan kemudian paste di kotak yang disediakan di alamat yang telah kami sebutkan, selanjutnya klik parse atau encode. Secara otomatis kode HTML yang anda masukkan akan berubah dengan sendirinya. Kode itulah yang kemudian dapat anda gunakan untuk di upload di blog atau situs anda. Jadi tidak perlu menulis perubahan kode HTML itu di halaman blog anda satu per satu. Mudah bukan. Selamat mencoba. Semoga sukses




Reblog this post [with Zemanta]

Baca Artikel Terkait berikut ini:



4 comments:

ogie said...

wa.....hhh terima kasih banget tas infonya coz dri dulu saya bingung n pusing soalnya kasusnya kurang lebih seperti itu pada waktu saya pengen posting

klo boleh kita tukeran link ya...
linknya udah saya pasang mohon klo bsa dilink balik ya

Renol said...

info yang sangat membantu gan, saya sudah lakukan cara di atas gan.
jgn lupa gan visit back
burung murai batu

Unknown said...

Wahh.. artikel tentang <a href=”http://diskonin.xyz/”>voucher lazada</a> nya sangat membantu. Next artikel bisa bahas <a href=”http://diskonin.xyz/”>voucher mataharimall</a> ndak? hehe

Anonymous said...

Wow

Post a Comment