Cara Menampilkan Kode Script / HTML Di Halaman Artikel

Barangkali suatu saat kita ingin menampilkan kode script atau HTML di postingan/ halaman artikel, tetapi ketika di publikasikan ternyata hasil dari kode tersebut yang tampil, bukan kode script/ HTML-nya seperti yang kita inginkan sebelumnya.

Contohnya :
Kita ingin menampilkan kode dibawah ini di halaman artikel/ postingan :

<a href="http://chyardi.blogspot.com/">Chyardi's Blog</a>

Ketika dipublikasikan hasilnya :

Chyardi's Blog

atau contoh lainnya kita ingin menampilkan kode dibawah ini di halaman artikel untuk tukaran link :

<a href="http://chyardi.blogspot.com/" target="_blank"><img alt="Chyardi's Blog" src="http://images.cooltext.com/1292839.gif" width="90" border="0" height="15" /></a>

tetapi ketika di publikasikan hasilnya :

http://chyardi.blogspot.com, chyardi.blogspot.com, chyardi's blog, chyardi blog, chyardis blog, chyardi, chyardis

Nah, supaya yang tampil kode script-nya saja (bukan hasil dari kode tersebut), caranya sebagai berikut :
- Kita menuju alamat ini http://blogcrowds.com/resources/parse_html.php atau http://centricle.com/tools/html-entities/;
- Copy-kan atau tulis kode script/ HTML yang ingin kita tampilkan di dalam kotak Parse HTML;
- Jika sudah selesai klik tombol Parse;
- Setelah muncul hasilnya, sekarang kita copy paste hasil dari parse kode tersebut ke halaman artikel/ postingan/ halaman entri;
- Selesai.

Selain cara diatas ada juga yang menggunakan Text Area.
Contoh :

Cara membuatnya cukup copy kode dibawah ini lalu letakkan ke blog anda :

<form name="copy"><div style="text-align: center;"><textarea style="padding: 3px; width: 300px; height: 50px;" name="txt">Tulis text ataupun kode script/ HTML yang mau anda tampilkan disini</textarea></div><p align="center"><input value="Select All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></p></form>

Keterangan :
- Teks yang berwarna ungu merupakan teks yang muncul pada tombol, kita dapat menggantinya dengan nama lain.
- Teks berwarna merah adalah teks muncul didalam kotak, silahkan diganti dengan teks atau kode script/ HTML kita.
- Center menunjukkan posisi kotak ditengah, jika kita ingin meletakkan dikiri maka ganti dengan left atau right jika kita ingin meletak disebelah kanan.
- Width merupakan lebar kotak dan height merupakan tinggi kotak, silahkan diganti sesuai keinginan kita.


Selamat mencoba, semoga bermanfaat.

Artikel Terkait :



12 komentar:

aldy mengatakan...

Hmmm...nggak terlalu mengerti kalaun Blogspot, dari awal kenalnya hanya WP

alysuwarto mengatakan...

Terima kasih .... trik anda lebih bagus dari sebelumnya yang pernah saya baca dari yang lain...salam sukses

Anonim mengatakan...

mantap kang......
salam knal smua......
thanks....

journal69 mengatakan...

makasi mas info nya
sekarang saya sudah bisa membuat nya

thnks

Unknown mengatakan...

Thanks

PEBRIALSEN mengatakan...

tQ...

dutaselkom mengatakan...

bagus jg gan isinya.....
thank infonya...

kunjungi forum baru ku gan
www.forum-dutaselkom.com

Saefudin mengatakan...

sangat bermanfaat artikelnya, menambah infrmasi untuk blogger pemula, untuk meningkatkan tampilan

terimakasih

saefudin
http://jak-stik.ac.id

saef mengatakan...

sangat bermanfaat artikelnya, menambah infrmasi untuk blogger pemula, untuk meningkatkan tampilan

terimakasih

saefudin
http://jak-stik.ac.id

ADIYATMA mengatakan...

thankz...
http://auliadit.co.cc
kunjung ya

auliayasmin mengatakan...

makasih ilmunya broooooo.....
SKRIPSI

Anonim mengatakan...

posts and your blog is very interesting article that I grow more knowledge, I hope you continue to keep your blog so I can visit again in your blog posts and articles to see your next blog, thanks for the info

Posting Komentar