Minggu, 20 Februari 2011

Cara Membuat Pemarse HTML Sendiri

Bagi Anda yang merupakan seorang blogger yang sering memberikan tutorial-tutorial di dalam blog, baik itu tutorial membuat widget atau edit HTML tertentu, tentu sudah tidak asing lagi bukan tentang parse HTML? Parse HTML adalah kegiatan di mana seseorang sedang menguraikan kode HTML ke dalam bentuk lain untuk tujuan agar kodenya dapat ditampilkan di dalam postingan.

Jika saat ini Anda menggunakan blogger versi baru yaitu Blogger Dalam Konsep, maka Anda tidak dapat menampilkan kode-kode HTML di dalam postingan sebelum Anda memparsenya.

Seperti yang telah diketahui, parser HTML atau pengurai HTML banyak tersedia di alam maya ini. Contohnya adalah Blogcrowds. Di sana Anda dapat mengurai HTML menjadi bentuk yang lain. Namun tahukah Anda bahwa Google telah menyediakan widget HTML Parser yang dapat dipajang di blog kita sendiri? Wah asyik, bukan?! Jadi Anda tidak perlu pergi ke web orang lain untuk memparse HTML. Kunjungi saja blog Anda sendiri lalu parse deh sepuasnya di sana.

Berikut adalah cara untuk membuat HTML Parser sendiri:

1. Klik di sini untuk menuju ke laman Google Parser,
2. Lalu atur seperti yang ditunjukkan gambar di bawah ini,
Gambar pemarse HTML dari Google

3. Klik tombol Get the Code untuk mendapatkan kode HTML-nya. Setelah muncul kotak yang berisi kode-kode, kopi semua kode tersebut,
4. Langkah selanjutnya adalah login ke akun blogger Anda,
5. Pada dasbor klik Rancangan lalu klik Tambah Gadget,
6. Pilih yang HTML/JavaScript dan pastekan kode yang telah dikopi tadi ke dalam menu HTML/JavaScript,
7. Klik Simpan dan lihat hasilnya.

Keterangan:
1. Pada kolom Title, masukkan judul yang akan ditampilkan di atas menu.
2. Pada kolom width dan height, masukkan angka (dalam satuan piksel) yang nantinya akan menentukan ukuran lebar dan tinggi dari menu pemarse.
3. Pada kolom border, pilih jenis border apa yang nantinya akan dijadikan sisi tepi menu pemarse.

17 komentar:

  1. blog q juga sudah saya pasang sob, lam kenal sekalian aq follow

    BalasHapus
  2. wah, bagus nih infonya, rencana saya juga mau buat blog tutorial,, :) thanks ya :)

    BalasHapus
  3. cocoknya pemarse code HTML dibuat di blog yg bertema tutorial, klo di blog ane ya g nyambung dong bro.. kwkwkwk

    BalasHapus
  4. @ Rizky2009: Iya tau. Malahan saya tau dari blog agan. hehehehe thanks yaa buat idenya :15

    @ Daris Firzan: Wah, yang bener? kalau sudah launching kasih tau saya juga yaaah.. :20 iya sama-sama trims juga sudah membaca.

    BalasHapus
  5. @ Blog Santai: Yoi mamen...apalagi yang sering posting HTML. pasti butuh banget sama yang namanya parse HTML! hehehehe iya lah gak nyambung. Tapi ko ada kata kunci yang nyangkol (berhubungan dengan tutorial blog) di blog Mas yah? hebat! :12

    @ jepri A.: Ah masa? Dicoba aja belum toh? wkwkwk :24

    BalasHapus
  6. haha .. Iya, oke dah, Insyaalloh bikin juga. Kebetulan sy juga sering pake pemarse kode html buat naroh iklan di area postingan.. Wkwk

    :18 :18

    BalasHapus
  7. Sip sip deh...mas bisa gak nyetting agar iklan yang diselipkan di dalam postingan itu ga terlalu keciri sifat iklannya. jadi pengunjung mengira itu bukan iklan dan mereka mengeklik-ngeklik iklan tsb. hehehehe

    BalasHapus
  8. dengan fasiLitasi ini jadi enggak usah menuju ke situs penyedia Layanan tersebut yah, enak nih jadi Lebih efektif dan efisien. nanti saya hitung-hitungan bobot tempLate duLu, kira-kira beban tambahan dari fasiLitas tersebut akan banyak mengaLami obisitas gak yah.

    mantap nih, sekarang rutinitas postingannya semakin gencar. kayak peLuru kendaLi. hehehehheehe......

    BalasHapus
  9. @ om rame: Iya. Kan lumayan tuh untni gak muk pageview jika marsenya di blog kita sendiri. hehehehe wah blog om ini gak mau terlalu berat yah?

    Iya om, mumpung lagi kecanduan. :D

    BalasHapus
  10. iyah Mas. soaLnya kaLo Loadnya keberatan, pengunjung setia yang pake hape suka pada teriak-teriak via SMS atau inbox. karena memang kebanyakan konten saya adaLah pesenan mereka. hehehehehe......

    seLagi ada ide dan ada waktu mendingan seperti itu Mas, BWnya Lupain duLu. banyakin stok. kaLo Lagi nyante dan stok sudah mencukupi, baruLah sambiL santai keLuyuran. saLam sukses untuk kita semua.

    BalasHapus
  11. Aku Ikutan gabung yah!!!!!!
    Slm Kenal Mua...
    :):18

    BalasHapus
  12. 2 om rame: Ow, gitu. Ya dah deh om thanks buat tips mengembangkan idenya. salam sukses!

    2 Geisha Seksi: Silahkan...salam kenal juga.

    BalasHapus
  13. wah saya juga punya tutorial parse html tp dengan tampilan yang yahud..dan profesional hehe
    salam kenal juga ya :)

    BalasHapus
  14. @ Cara Membuat HTML Parse Profesioanl di Blogspot: Wow, seru nih dicoba. Liat dulu aaah...

    BalasHapus
  15. saya coba ke (klik disini) laman google parsenya kok munculnya eror 404 ya? Alamat google parsenya apa sh?

    BalasHapus
  16. @ ALee Young Min: Ah masa sih error 404? Di browser saya oke-oke aja tuh, barusan dicek. Nih alamat asli google parsenya: http://www.gmodules.com/ig/creator?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=320&h=200&title=Post-Code%3A+code+converter&border=%23ffffff|3px%2C1px+solid+%23999999

    BalasHapus

Eitss..., baca dulu dong baru komen! :D