Makassar




Yang Baca Ada


Sponsor Im3



Minggu, 20 Desember 2009

TIPS MENAMPILKAN KODE HTML PADA POSTINGAN

Bagi sahabat blogger yang baru saja menekuni dunia blogging, awam atau buta sama sekali dengan bahasa program, biasanya akan mengalami kesulitan saat akan menuliskan suatu ide atau gagasan yang akan disampaikan kepada sesama blogger melalui artikel yang akan ditulisya, jika artikel itu berhubungan dengan cara menampilkan kode HTML pada halaman posting. Dalam dunia blogging, hal-hal seperti ini bisa menjadi kendala yang cukup berarti, dan dapat membuat seseorang frustasi, bahkan mungkin patah semangat untuk melanjutkan menekuni hobi barunya sebagai seorang blogger. Kendala seperti ini bukan sesuatu hal yang tidak mungkin terjadi yang kemudian membuatnya berhenti ditengah jalan. Apa sebab?, karena ternyata, apa yang dibayangkan sebelumnya mengenai dunia blogging yang katanya mudah, justru tidak berbanding lurus dengan realitas yang ditemuinya.

Oleh karena itu, sebagai seorang blogger pemula seperti saya, satu hal yang harus dipahami lebih dahulu saat terjun memulai hobi baru ini, bahwa yang namanya dunia blogging, adalah dunia yang sama sekali tidak dapat dipisahkan dengan penerapan kode HTML, yang sesungguhnya memang merupakan basicnya. Karena itu, secara perlahan-lahan, harus ada upaya sebagai seorang blogger pemula untuk mau belajar dan terus belajar meningkatkan pengetahuannya mengenai seluk-beluk penerapan kode HTML ini.

Bertitik tolak dari uraian tersebut di atas, pada kesempatan kali ini, saya akan sedikit berbagi dengan sahabat blogger khususnya blogger pemula, mengenai cara mengatasi kesulitan menampilkan kode HTML pada halaman posting, tanpa harus menguasai seluk-beluk kode HTML. Sebelumnya perlu saya sampaikan bahwa untuk menampilkan kode HTML pada halaman posting, ada cara tersendiri dan tidak semudah yang dibayangkan. Mungkin sahabat blogger beranggapan bahwa untuk menampilkan kode HTML pada halaman posting, cukup dengan langsung mengetikkan kode HTML sesuai dengan tombol yang ada pada papan keyboard seperti lazimnya saat menulis artikel. Anggapan seperti ini tentu saja keliru. Setidaknya diperlukan keahlian tersendiri untuk mengetahuinya, dan jika sahabat blogger ingin mempelajarinya secara manual, pasti akan memerlukan waktu yang lama, dan menurut saya tindakan itu hanya buang-buang waktu saja.

Menampilkan kode HTML pada halaman posting seperti misalnya "tanda lebih kecil" (<) atau "tanda lebih besar"(>), tidak dengan serta merta dan secara langsung menekan tombol <> dari papan keyboard kita, apalagi jika kode-kode tersebut telah terintegrasi dalam bentuk kode HTML tertentu. Dalam kasus seperti ini, jika pengetikannya tidak dilakukan dengan cara tertentu pula, maka komputer pasti akan menerjemahkannya sebagai perintah, sehingga yang tampil pada halaman posting bukan kode HTML dimaksud tetapi merupakan hasil dari perintah kode HTML tersebut. Padahal, yang dinginkan sebenarnya adalah kode tersebut tampil dalam bentuknya yang asli. Contoh sederhanya seperti ini, misalnya kita ingin menampilkan kode HTML pada halaman posting yang berbentuk link ke www.blogger.com.
Untuk menampilkan bentuk kode link ke www.blogger.com, kodenya seperti ini :

<a href="http://www.blogger.com">www.blogger.com</a>

Penulisan kode ini bila dibahasakan, maka akan menjadi seperti ini :

"tanda lebih kecil", huruf "a", spasi, kemudian "href", tanda "sama dengan", tanda petik ("), kemudian "http", lalu "titik dua", "garis miring" dua kali, lalu "www titik blogger titik com", kemudian tanda petik ("), tanda "lebih besar", selanjutnya www titik blogger titik com, tanda "lebih kecil", kemudian "garis miring", lalu huruf "a", dan diakhiri dengan tanda "lebih besar".

Selanjutnya, jika kode tersebut ingin ditampilkan dalam bentuknya yang asli seperti ini www.blogger.com, tetapi kemudian simbol-simbol yang ditekan sama dengan tombol-tombol pada papan keyboard, maka yang akan tampil pada halaman posting adalah www.blogger.com, dimana ini sesungguhnya merupakan link blogger. Kode HTML nya sendiri tidak akan muncul, karena komputer menerjemahkan kode HTML yang dimasukkan sebagai bentuk perintah membuat link. Lalu bagaimana caranya agar kode link ini bisa tampil persis seperti aslinya pada halaman posting?. Caranya seperti ini :


  1. Buka browser baru, pada address bar ketik www.centricle.com, atau jika ingin cepat klik di sini.

  2. Setelah terbuka halaman baru, klik "Tools" lalu klik "Encode/decode html entites". Copi kode HTML yang akan ditampilkan pada halaman posting lalu paste pada kotak yang disediakan. Selanjutnya klik "Encode", lalu tunggu beberapa saat sampai muncul kode baru yang merupakan konversi dari kode HTML yang dimasukkan tadi. Copi kode tersebut lalu paste pada halaman posting, maka kode HTML tersebut akan tampil sesuai dengan bentuknya yang asli.

Sahabat blogger bisa melihat bahwa untuk menampilkan kode HTML sebagaimana penulisannya, kode tersebut harus dikonversi terlebih dahulu. Seperti contoh di atas, kode asli telah dikonversi menjadi kode lain dimana penulisannya sangat jauh berbeda dengan kode sebelumnya. Inilah yang dimaksud dengan cara menampilkan kode HTML pada halaman posting. Cara ini menurut saya cukup praktis dan mudah, dan tentu saja sangat membantu sahabat blogger yang suka mengutak-atik kode HTML. Silahkan klik di sini dan di sini untuk melihat beberapa contoh artikel dalam blog ini yang menampilkan kode HTML pada halaman posting.

Cara menampilkan kode HTML pada halaman posting sebagaimana yang saya paparkan ini, hanyalah salah satu cara dari sekian cara yang ada. Bagi sahabat blogger yang telah berpengalaman dan mengetahui cara lain yang lebih praktis, silahkan berbagi dengan menambahkannya pada kotak komentar.

Selamat mencoba semoga sukses.

0 komentar:

Posting Komentar

Sponsor XL


Otomatis X-change Link

WELCOME TO CELEBES CITY
70 MY BEST FRIENDS

LINK PARA SAHABAT CELEBES - CITY

MAKASIH TELAH BERGABUNG DI CELEBES CITY

Link Rool

Periksa Link Kamu Disini
[..::::A::::..]
  • Anax Kolonx
  • Akhmad Dharma
  • Annisanysaa
  • Archv3nture
  • Aan20
  • Ambaeexe
  • Antomeonkz
  • Anak Nelayan
  • [..::::B::::..]
  • Bonthain
  • Balinese
  • Bayu Saputra
  • Belajar Bisnis Online
  • Bucks
  • Blog About Cancer
  • Blogger Kuningan
  • BLOG BLOGER GRATIS
  • BRI Kantor Cabang Jakarta Veteran
  • Blog Paling Keren
  • Bala
  • Belajar Online
  • Blog Ga Mutu
  • [..::::C::::..]
  • CERIA.net
  • Coretanku
  • Celana Saya Longgar
  • Chentamaneesku
  • CELEBES
  • CELEBES - CITY
  • Crockie
  • Chendrac
  • [..::::D::::..]
  • Dany Website
  • Derby
  • Dhaniels
  • Dilla
  • [..::::E::::..]
  • Elextra n Jero
  • Ethan`s Corner
  • Ehn
  • ....
  • ....
  • [..::::F::::..]
  • Fugggergely
  • ....
  • [..::::G::::..]
  • Go-hackez
  • Genk Simamora
  • [..::::H::::..]
  • Handycraft
  • Heru
  • Handycraftstore
  • [..::::I::::..]
  • Info Online
  • Iceman
  • Intermezo
  • Iklan Jaya
  • [..::::J::::..]
  • Jaya Putras Bloq
  • Jukebox
  • Julian
  • [..::::K::::..]
  • Kakve Santi (Pr. 4)
  • Kluwan.com
  • Kluwan.blogspot
  • Kahfilyzer
  • [..::::L::::..]
  • La Ogi
  • Lioma
  • Local Download
  • Loker
  • Lina@Happy Family
  • Liga Lagu Info
  • [..::::M::::..]
  • Mikell
  • My Busines
  • Miles Grant 2009
  • Mr X
  • Mbozo99
  • Muhammad Farooq
  • My Encyclopaedia
  • Master Go Master
  • Monika Momow
  • Mas Cipul
  • Mappadendang
  • Mukti Diko
  • [..::::N::::..]
  • Nuansa Pena
  • Nard4reynard
  • ....
  • [..::::O::::..]
  • Oto Computer
  • Olbiz
  • [..::::P::::..]
  • Pirate Ware
  • Papa Josh
  • Psikonseling
  • PEMULUNG ILMU
  • [..::::Q::::..]
  • ....
  • [..::::R::::..]
  • Rattle Network
  • Riesnazasly
  • Roqib's Blog
  • Ruslan Kandangan
  • [..::::S::::..]
  • steadybaby.com - motivation strategies and advice
  • Sapi Says
  • Satria Cell
  • Sulthan Yusuf
  • Super-a1
  • Suryadewa
  • Sea Blog
  • Sang Milyader
  • Subandi Sukses
  • [..::::T::::..]
  • Thewinnerclub
  • Tukang Mampir
  • Tutorialsdunya
  • Twitteling
  • To Mangkasara`
  • Trik Sulap
  • Tatan Ba
  • Tante Eliz Silvyani
  • Tips and Tricks Ajrajr
  • Tito
  • [..::::U::::..]
  • ....
  • [..::::V::::..]
  • V Restu F
  • [..::::W::::..]
  • Wedding
  • [..::::X::::..]
  • .....
  • [..::::Y::::..]
  • Your information, communacation & varieties
  • Yezdibooo
  • Yunchun
  • Yoga Pribadi
  • [..::::Z::::..]
  • Zidar Alam
  • Asal Kamu

    Sponsor tapi bukan iklan

    Twitter Delicious Facebook Digg Stumbleupon Favorites More

     
    Powered by Blogger | Printable Coupons