• About
  • Sitemap
  • Privacy Policy
  • Disclaimer
  • Contact
Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template )
  • Home
  • Tutorial
    • Submenu1
    • Submenu2
  • Desain Grafis
  • Template
  • Contoh Undangan
  • Sitemap
  • SEO
  • Blog
  • Photoshop
  • Corel Draw

Home » Tutorial Blog » Cara Memposting Kode HTML di Blog

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 &lt;
> » ganti dengan &gt;
& » ganti dengan &amp;

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 ]]></b:skin>.
  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.

<div class="code">
ketik scriptnya di sini
</div>

Cukup sampai di sini dulu posting kali ini mengenai cara memposting kode HTML di blogspot, semoga bermanfaat.
Posted by Unknown on Saturday, February 12, 2011 - Rating: 4.5
Title : Cara Memposting Kode HTML di Blog
Description : Cara memposting kode HTML di blog . Jika anda ingin menulis kode HTML atau script lainnya di postingan anda, anda harus memparsenya terleb...

Share to

Facebook Google+ Twitter

0 Response to "Cara Memposting Kode HTML di Blog"

Post a Comment

Newer Post
Older Post
Home
Subscribe to: Post Comments (Atom)

Popular Posts

  • FORMAT CONTOH UNDANGAN (doc)
    Kali ini saya mencoba membuat link download berupa beberapa contoh undangan yang sering dibikin untuk acara-acara tertentu, misalnya tah...
  • Download Film Semi Gratis | Film Semi Indonesia
    Download Film Semi Gratis lainnya Di : 1. andrianacom.blogspot.com 2. sh3hack3r.blogspot.com Movie Synopsis Starting in Jakarta in...
  • Add Social Sharing/Bookmarking Widget with Cool Hover Effect
    Social sharing / bookmarking widget with Cool Gray-scale/Color hover widget to Blogger blog. i have given a beautiful sharing widget with c...
  • PreWedding dengan Efek Foto Sephia
    Pada tutorial ilmuGrafis kali ini kita akan belajar membuat efek Photo Sephia . Maaf ini buka sephia judul lagunya Sheila On7 tapi maksunya ...
  • Spooky HDR Effect
    OK Brader en Sister sudah lama saya tidak berkontribusi di Web kesayangan saya ini... :D . Pada Efek Photo dengan Photoshop kali ini s...

Labels

CONTOH UNDANGAN (doc) Desaign grafis Hardware and Software News PLUGIN PHOTOSHOP FREE Search Engine Optimization SEO SEO BLOG skripsi Software Desain Grafis Template Tips and trick Tips Komputer Tips Software Tutorial Blog Tutorial Corel Tutorial Photoshop Tutorial PHOTOSHOP GRATIS Tutorial SEO

Site Info

Copyright © 2012 Download Tutorial Gratis ( Photoshop, Corel Draw, Blog, SEO, Desain Grafis, Template ) - All Rights Reserved
Design by Mas Sugeng - Powered by Blogger