Cara menampilkan kode Html Dalam postingan

Kamis, 02 April 2009

Cara menampilkan kode Html Dalam postingan

Tulisan Cara menampilkan kode Html dalam postingan saya tulis untuk menjawab pertanyaan dari sahabat tips blogger. Para blogger yang ingin memberikan tutorial blogger biasanya sangat membutuhkan tips ini.

contohnya :

<a href="http://tips-tutorial.blogspot.com">Tips blogger</a>

Bagaimana caranya?...

Ada tips atau trik biasa yang menurut saya ribet juga, yaitu dengan mengganti beberapa kode. Tapi disini saya tidak akan memberikan tips yang sulit. Cara yang sangat mudahnya adalah...

1. Siapkan kode html yang kamu ingin tampilkan. Lalu parse, klik disini...

2. Kemudian masukkan kode tadi ke kotak yang sudah tersedia, dan klik parse.

Kamu akan melihat kode yang telah diparse dan siap untuk ditampilkan dalam postingan, tapi kamu harus memperhalus kode itu terlebih dahulu.

Contohnya :

-Kode yang belum dihaluskan akan tampil kasar seperti ini

<a href="http://tips-tutorial.blogspot.com">Tips blogger</a>

-Untuk memperhalus code tersebut caranya cukup mudah, sisipkan kode yang berwarna merah antara kode yang telah diparse.

<code></code>

Contohnya :

<code>kode yang telah diparse disini</code>

Hasilnya

<a href="http://tips-tutorial.blogspot.com">Tips blogger</a>

3. Selesai...

Cukup mudah bukan?...selamat mencoba...

Widget by [ Tips Blogger-Tutorial Blogger Pemula ]

21 comments:

iis mengatakan...: mas, tenkyu infonya, membantu sekali:); 18 April 2009 pukul 10.30
arie mengatakan...: sama-sama iis... :) ...moga bermanfaat aja...; 18 April 2009 pukul 15.01
Anonim mengatakan...: hatur nuhun tips na sangat membantu
mas gimana cara bikin kotak komentar di bloger ...; 1 Mei 2009 pukul 21.28
Bang arie mengatakan...: maksudnya buat kotak komentar gimana? apa buat kotak komentar kaya punya saya ini?, yang ada di bawah postingan?...; 3 Mei 2009 pukul 01.36
dias mengatakan...: simple y, tnpa hrus mrubah code ni.
thx brat sob..; 26 Mei 2009 pukul 15.09
Bang arie mengatakan...: sama-sama dias...; 26 Mei 2009 pukul 17.09
nono mengatakan...: thanks infonya.....; 9 Juni 2009 pukul 19.02
Bang arie mengatakan...: sama-sama mas...; 14 Juli 2009 pukul 14.22
an mengatakan...: hehehhe mampir ukh sambil belajar tips n trik blog :-D; 21 Juli 2009 pukul 02.38
Hendro W mengatakan...: thx banget infonya mas... kebetulan saya mo coba posting kode HTML. ;;); 25 Juli 2009 pukul 19.44
Bang arie mengatakan...: @an : Silahkan mas an,,,

@Hendro : Sama-sama mas hendro, selamat mencoba.; 26 Juli 2009 pukul 00.05
media berbagi ilmu mengatakan...: Artikel yang bermanfaat.Terimakasih; 15 Agustus 2009 pukul 08.28
Bang arie mengatakan...: SAma-sama mas...selamat mencoba.; 16 Agustus 2009 pukul 00.15
Kenali dan Kunjungi Objek Wisata di Pandeglang mengatakan...: Thanks ya infonya, segera meluncur.

Kenali dan Kunjungi Objek Wisata di Pandeglang | Mengembalikan Jati Diri Bangsa; 30 September 2009 pukul 14.09
Anonim mengatakan...: Thankz infox ya, dh ta cbo sukses..; 2 Februari 2010 pukul 18.54
heru wahyuno mengatakan...: lumayan mas infonya...ntar kapan-kapan buat bikin tutorial ngeblog...; 28 Mei 2010 pukul 13.23
recehku mengatakan...: ok nie tips; 5 Agustus 2010 pukul 14.19
cara menampilkan kode HTML di postingan mengatakan...: ternyata caranya simpel banget ya :D; 16 September 2010 pukul 19.20
Place to modify blog mengatakan...: manteb sob
ada cr yg lbh simpel ternyata; 16 September 2010 pukul 19.22
JawaraBlog mengatakan...: Thanks bro atas infonya, saya juga punya artikel yang sama kayak bro monggo di kunjungi ya bro :D; 14 Desember 2010 pukul 11.52
Kang Asep mengatakan...: wah infonya sangat bagus, mas saya sebagai newbie di blogger merasa sangat terbantu dengan infonya. di tunggu postingan selanjutnya mas...; 3 Januari 2011 pukul 19.50