Cara menampilkan kode script atau html di blog

Menampilkan kode script atau html di blog sebenarnya cara ini sangat mudah dilakukan kita hanya tinggal melakukan parse terhadap kode html yang kita punya.
Untuk memperjelas dari isi topik posting ini akan aku lampirkan contoh:
Biasanya kita ingin berbagi script atau kode html kepada teman atau pengunjung blog tapi pas di publikasikan malah kode tersebut terbaca,bukan kode yang tampil melainkan hasil dari kode tersebut.



Misalnya: Kita ingin menampilkan
<span style="color: red;"><b><a href="http://mengutak-atik.blogspot.com/">Mengutak-atik Blogger</a></b></span>
tapi ketika di publikasikan hasilnya menjadi 'Mengutak-atik Blogger'

Nah biar kode yang ingin di tampilkan tetap tampil pada postingan sesuai dengan kode yang ingin di publikasin kita bisa melakukan 2 cara yaitu
1.melakukan parse
2.menampilkan dengan menggunakan input form atau kita kenal dengan text area


1.Cara pertama yaitu dengan cara parse.Langkah2 sebagai berikut

1.sediakan kode html atau script yang ingin ditampilkan di blog

2. kamu kunjungi web ini blogcrowds untuk melakukan parse,jika sudah masuk,tulis kode yang ingin di tampilkan lalu klik parse,Copy semua hasil dari parse kode kamu.

3. Kalo sudah di copy tinggal di paste atau tulis pada postingan kamu.


2.Cara ke-2 menampilkan kode html dengan menggunakan text area

1. Sediakan kode script yang ingin ditampilkan
2. Perhatikan kode berikut


Text berwarna merah diatas ganti dengan kode html atau script yang ingin kamu tampilkan di blog, angka 1 dan 20 bisa kamu ganti sesuai ke inginan kamu.
Jika kode diatas di tulis,maka hasilnya seperti ini


Keterangan: biasanya kalo menampilkan kode html dengan menggunakan text area,kadang kode type CSS atau xml,tidak bisa,biasanya ada peringatan setelah kita mau mempublikasikan posting tsb,isinya bahwa ada kode yang tak valid,kalo terjadi seperti ini,silahkan pake cara pertama.Keunggulan dari cara ke-2 adalah pengunjung bisa dengan mudah melakukan copy kode terutama buat pengunjung yang menggunakan HP

Cukup mudahkan...sekarang mulailah berbagi kode html di blog kamu


Tips ini bersumber dari www.alilham.com

Comments :

0 komentar to “Cara menampilkan kode script atau html di blog”

Posting Komentar

 

FeedBurner FeedCount

Pengikut

site rank