Sabtu, 28 Agustus 2010

Cara Memposting Kode HTML di Blog

Cara memposting kode HTML di blog. Jika anda ingin menulis kode HTML atau script lainnya di postingan anda, anda harus memparsenya terlebih dahulu. Banyak mungkin yang sudah mengetahui ini dan memang banyak blog yang menulis beberapa script di postingnya.

Bagaimana anda bisa mengatasi masalah penulisan kode HTML ini? Sebenarnya tidak rumit untuk melakukannya. Di bawah ini ada 3 kode yang sering digunakan dalam penulisan kode HTML.

< » ganti dengan <
> » ganti dengan >
& » ganti dengan &

Tapi jika script yang ingin ditulis dalam jumlah besar tentu akan repot untuk mengganti satu persatu kode tersebut. Untuk mengatasi ini, ada tool online yang bisa anda gunakan untuk memparse kode HTML ke dalam bentuk teks.

Untuk melakukannya kunjungi link berikut.
http://centricle.com/tools/html-entities/
  1. Copy-paste kode HTML yang ingin anda parse ke dalam kotak yang disediakan.
  2. Tekan tombol encode.
  3. Terakhir, copy kode HTML yang sudah diparse ke dalam postingan anda.
Dengan tool ini dalam seketika kode HTML atau script yang anda masukkan akan segera berubah dan siap diposting.

Ada satu lagi yang mau saya tulis berhubungan dengan penulisan kode HTML di website, yaitu seputar background yang digunakan. Kebanyakan para blogger memberi background yang berbeda pada script yang ditulisnya. Ini tentu akan memudahkan pengunjung dalam membaca tulisan atau tutorial yang telah dibuat.

Langsung saja ikuti tutorial di bawah ini untuk menerapkannya di blog anda.

CSS
  1. Sign in ke blogger.
  2. Pilih menu Layout (Tata Letak) » Edit HTML.
  3. Cari kode ]]>.
  4. Copy kode berikut di atas kode tadi.
    .code {background: #f1f1f1; border: 1px solid #cccccc; border-left: 5px solid #cccccc; padding: 15px;}

  5. Simpan template.

HTML
 
Pada posting gunakan format seperti di bawah ini untuk menerapkan kode css di atas.



ketik scriptnya di sini



Cukup sampai di sini dulu posting kali ini mengenai cara memposting kode HTML di blogspot, semoga bermanfaat.

Selamat mencoba! 

sumber: http://www.tutorialblogging.co.cc 

0 komentar:

Posting Komentar

Terimakasih atas komentar Anda