Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » , » Cara Menampilkan Kode HTML dalam Postingan Blog

Cara Menampilkan Kode HTML dalam Postingan Blog


Pada postingan kali ini saya tidak membahas sesuatu yang berhubungan dengan promosi jual alat musik marawis, rebana qosidah, hadrah, maupun aneka bass hadroh. Kali ini saya akan sharing tips bagaimana Cara Menampilkan Kode HTML dalam Postingan Blog.
Seperti pada postingan saya sebelumnya yang berjudul Tips Memasang iklan di body / bawah judul postingan pada postingan tersebut saya menampilkan kode HTML antara lain:
<p><data:post.body></p>
<div class='post-body entry-content'>
dll

untuk menampilkan kode-kode HTML dalam postingan, memang diperlukan tips khusus, karena jika kita menuliskannya langsung, maka pada postingan tidak akan muncul kode HTML yang kita maksud, hal ini karena kode tersebut dianggap sebagai perintah yang kemudian akan dijalakan sesuai dengan arti perintah dari kode tersebut, atau dengan kata lain terdapat "salah paham" padahal maksud kita adalah ingin menampilkan kode tersebut sebagai text (bukan sebagai perintah) ke dalam postingan. Sehingga agar tidak salah paham maka kita kasih tahu bahwa masksud kita adalah menampilkan kode tersebut sebagai text biasa bukan sebagai perintah. Adapun beberapa cara yang dapat kita lakukan Untuk menampilkan text berupa kode HTML ke dalam postingan antara lain:
  1. Mengganti(menterjemahkan) kode HTML secara manual antara lain sbb:
    • Untuk menampilkan karakter < di ganti dengan &lt;
    • Untuk menampilkan karakter > di ganti dengan &gt;
    • Untuk menampilkan karakter " di ganti dengan &quot;
    • Untuk menampilkan karakter ' di ganti dengan &#039;
    • dan lainnya
  2. Menggunakan text Area, caranya adalah dengan memasukkan kode berwarna merah sebagai berikut:

    <textarea style="height: 30px; width: 400px;">Masukkan text/kode html disini</textarea> contoh:
    <textarea style="height: 30px; width: 400px;"><data:post.body></textarea>

    hasil tampilannya sbb:

    contoh:

  3. Keterangan:
    • Aturlah height = tinggi kolom pada text area sesuai keperluan, pada contoh diatas 30px
    • Atur juga width = lebar kolom pada text area, pada contoh diatas 400px

  4. Mengkonversi / parse dengan menggunakan bantuan website penyedia layanan parse HTML code antara lain : http://www.blogcrowds.com/resources/parse_html.php
    Cara ini merupakan cara yang paling simpel, kita hanya meng copy Kode yang ingin kita tampilkan kemudian buka web diatas dan paste pada kotak yang tersedia kemudian klik Tombol Parse (warna merah). Copy hasilnya dan paste pada postingan kita. Selesai deh...
Share this article :

1 komentar:

limare pastinipus mengatakan...

Nice info nya,sangat bermanfaat dan sudah saya coba.
Jika ada waktu,berkunjunglah di blog saya.
Trims.

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)


  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |