Rabu, 24 Agustus 2011

Cara Menampilkan Kode HTML dalam Postingan Blog

Menampilkan kode HTML di dalam postingan sebuah blog terkadang biasa di lakukan bagi seorang blogger untuk mengshare tutorial tips dan triknya kepada orang lain, misalkan saja seperti tutorial saya sebelumnya Cara Pasang Navigasi Breadcrumb di Blogger. di situ saya memberikan tutorial di mana mengharuskan saya memasukkan kode HTML ke dalam postingan.


Bagi yang sudah tahu, cara untuk menampilkan kode HTML ke dalam posting mungkin sudah biasa di lakukan, namun hal tersebut akan berbeda bagi blogger baru (sama seperti saya sewaktu belajar ngeblog).

Sebagai contoh, coba anda masukan kode dibawah ini untuk ditampilkan kedalam posting blog anda
<table width="400" border="1">
<tr><td>Nama</td><td>Blog</td></tr>
<tr><td>Achmad</td><td>http://www.internetberitaku.com</td></tr>
</table>

Pasti dari kode di atas akan menampilkan hasil table seperti dibawah.
NamaBlog
Achmadhttp://www.internetberitaku.com


Nah yang jadi pertanyaan sebagian blogger ialah bagaimana sih untuk menampilkan kode HTML nya saja dan bukan hasil dari kode tersebut?.

Caranya sih sebenarnya cukup gampang, untuk cara manualnya cukup anda merubah beberapa bagian karakter kode sebelum di letakkan di halaman posting seperti dibawah
Kode   <  Ganti dengan   &lt;
Kode   >  Ganti dengan   &gt;
Kode   "   Ganti dengan   &quot;

Tapi jika dilakukan dengan cara manual tentu sangat melelahkan apalagi jika kode HTML nya sangat banyak, jadi untuk mempercepat pekerjaan anda bisa melakukan Parse menggunakan tools Convert text to HTML entities and vice versa.



Untuk menggunakan tools tersebut carannya ialah cukup copy Kode HTML yang akan ditampilkan kedalam posting blog, pada contoh tutorial ini ialah kode Table diatas. Kemudian pastekan ke halaman tools Convert text to HTML entities and vice versa. Setelah itu tekan tombol Encode.

Ambil kode yang telah di Parse Tool tersebut kemudia copy kembali ke halaman Posting Blog anda dan lihat perbedaannya.

Oh ya selain bisa melakukan Parse Code HTML, Tools Tersebut juga bisa mengembalikan kode yang telah di Parse ke Kode HTML aslinnya.

Suka dengan artikel di internetberitaku.com ? Yuk masukin alamat E-Mail anda dibawah ini! Dengan begitu setiap ada postingan atau artikel terbaru, anda akan langsung menerimanya melalui via E-Mail.


29 komentar on " Cara Menampilkan Kode HTML dalam Postingan Blog "

Add your comment. Please don't spam!
Subscribe in a Reader
illank on 1 September 2011 12.44 mengatakan...

salam kenal!!!thanks infonya sob!!!!....blogwalking....jangan lupa follownya yachhhh.....mohon maaf lahir batin....kunjungan lebaran....

Dooply Media on 21 September 2011 13.07 mengatakan...

makasih udah share sob

shantozone on 1 Oktober 2011 21.35 mengatakan...

manstabs
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif

Restsindo-hty on 22 November 2011 15.20 mengatakan...

Kenapa tidak pakai Macromedia Dreamweaver...
tidak usah repot repot bikin kode HTML atau Convert segala. Tinggal ketik kalimat yang diinginkan maka tingggal copy padan paste Tagnya, karena program Dreamwever langsung membuat tag HTML secara otomatis.

Al - 'Aqli on 25 November 2011 13.58 mengatakan...

thanks..

btiket on 30 November 2011 10.20 mengatakan...

gan numpang...
ada temen yg mau bisnis online tiket bisa klik http://tiketonline1.blogspot.com

®obinhut on 30 November 2011 18.36 mengatakan...

nah ini baru mantap, tengkyu tutorialnya.

Rick on 1 Desember 2011 10.57 mengatakan...

supaya isi nomor baris ala dreamweaver bisa gak gan?

Optimasi Blogspot on 6 Desember 2011 21.59 mengatakan...

Manfaat Ilmunya Om.
Salam Kenal

Tutorial blog,blog tutorial,tips blog,seo blogspot,panduan membuat blog on 31 Desember 2011 21.34 mengatakan...

thanks atas informasinya yang sangat bermanfaat dan mudah dicerna, salam kenal ya gan, follow me
http://caramembuatyangakumau.blogspot.com

tips diet on 1 Januari 2012 00.48 mengatakan...

dimasukkan ke postingan pada bagian html atau yg biasa gan?

Misbah on 11 Februari 2012 05.10 mengatakan...

Terimakasih,. sangat membantu.

www.aurell-766-hi.com on 20 Februari 2012 08.23 mengatakan...

info yang anda berikan masih sangat membingungkan bagi saya pemula posting di blog

Anonim mengatakan...

www.aurell-766-hi.com: coba baca baik2 dulu tulisannya kemudian dicerna dengan baik biar mengerti, yang namanya belajar emang ga ada yang langsung instan

Y O K O on 26 Februari 2012 12.38 mengatakan...

Salam kenak bos .

asa 2009 on 8 Maret 2012 16.42 mengatakan...

makasih bnget shob,,,,wah stress td,,hehehe skrg dh senyum lagiiiiiiiiiii

Simpel Tapi Menarik on 12 Maret 2012 23.41 mengatakan...

salam kenal sob. dicoba dulu nih

blog-rissman on 3 Mei 2012 18.50 mengatakan...

thanks infonya....
Cari-cari susah dari web lain,,,,
ehh!!! akhirnya ketemu jga. di web ini!

Cipil Blog on 8 Mei 2012 18.13 mengatakan...

mantab mas bro.............

Status Hukum on 12 Mei 2012 21.59 mengatakan...

Pelajaran baru. Thanks gan. :)

blog kesehatan on 17 Oktober 2012 00.32 mengatakan...

mantap gan infonya...

oke langsung praktek....

TABUHGONG on 21 Januari 2013 12.33 mengatakan...

jadi lumayan paham ttg trik ini
thanks bro

Haruna♪♫♪♫ on 14 Februari 2013 19.18 mengatakan...

cool
'

sherlina on 20 Maret 2015 05.20 mengatakan...

www.indobet77.com

Master Agen Bola , Casino , Tangkas , Togel Terbesar
dan Terpercaya Pilihan Para Bettor

Promo Terbaru :
- Bonus  10% New Member Sportsbook
- Bonus 5% New Member Casino Online
- Bonus 10% Setiap Hari Bola Tangkas
- CASHBACK untuk Member
- BONUS REFERRAL 5% + 1% Seumur Hidup

untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : indobet77_sb2@yahoo.com
- EMAIL : indobet77@gmail.com
- WHATSAPP : +63 905 213 7238
- WECHAT : indobet77
- SMS CENTER : +63 905 213 7238
- PIN BB : 2B65A547 / 24CC5D0F

Salam Admin ,
http://indobet77.com/

Meiqing Xu on 7 April 2016 10.57 mengatakan...

xiaowei 20160407
michael kors outlet
michael kors bags
converse sale
michael kors outlet,michael kors outlet online,michael kors outlet store,michael kors handbags,michael kors bags,michael kors watches,michael kors purses
fitflops shoes
toms outlet
louis vuitton bags
prada handbags
vans store
ferragamo outlet
instyler max
levis 511
coach factory outlet online
polo ralph lauren outlet
lacoste shoes
ghd hair dryer
nike blazer
bottega veneta shoes
true religion jeans
coach outlet
supra
gucci outlet online
ralph lauren outlet
michael kors outlet
burberry outlet stores
louis vuitton borse
nike air max 90
reebok shoes
michael kors canada
canada goose sale
louis vuitton pas cher
ray ban sunglasses outlet
cheap ray ban sunglasses
oakley sunglasses,oakley sunglass,cheap oakley sunglasses,oakley sunglasses cheap,oakley sunglasses outlet,oakley store,oakley outlet,oakley outlet store,oakley sunglasses sale,oakley sunglasses discount
ralph lauren pas cher

jual tahitian noni on 23 April 2016 14.29 mengatakan...

terima kasih informasinya sangat bermanfaat

jual alat facial on 26 April 2016 09.05 mengatakan...

artikel yang sangat bermanfaat...terima kasih gan

situs resep makanan on 8 Mei 2016 14.11 mengatakan...

terima kasih informasinya..sangat bermanfat gan jadi nambah pengetahuan

Gege Dai on 9 Agustus 2016 14.06 mengatakan...

rolex watches
air jordan 13
adidas outlet
mulberry bags
ralph lauren outlet
tiffany jewellery
louis vuitton outlet
nhl jerseys
michael kors outlet online
longchamp outlet
dior outlet
oakley sunglasses
ray-ban sunglasses
coach factory outlet
ferragamo outlet
ysl outlet online
michael kors outlet
fitflops clearance
coach outlet
coach outlet online
louis vuitton handbags
ray ban sunglasses
longchamp pliage
oakley sunglasses wholesale
christian louboutin uk
cheap ray ban sunglasses
timberland shoes
celine outlet
prada handbags
michael kors handbags
valentino outlet
new balance shoes
cheap jordans
pandora jewelry
longchamp bag
mulberry handbags sale
polo outlet
nfl jersey wholesale
0809jianxiang

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Copyright © 2010 internetberitaku.com | Powered By Blogger | Custom Themes By InternetBeritaKu