Mengenal dan menulis kode HTML blog

Ketika anda menulis sebuah artikel yang di-dalamnya diperlukan kode khusus yaitu kode HTML blog, mungkin bagi anda seorang pemula/Newbie akan merasa kesulitan dan tidak tahu harus bagaimana, namun jika anda seorang yang sudah berpengalaman dalam kode HTML ini bukanlah sebuah perkara yang sulit.

Beberapa contoh penerapan kode HTML yang biasa/harus diterapkan adalah ketika anda membuat tulisan di sidebar kiri atau kanan dalam sebuah blog (blogger-gadget HTML/Javascript) atau tulisan yang ditulis di dalam Edit HTML pada sebuah template. ini berbeda ketika anda menulis pada bagian posting artikel atau ketika membuat halaman/artikel, karena sudah disediakan fungsi-fungsi edit tulisan, misalnya ketika anda akan menebalkan huruf, anda tinggal klik ikon bold "B" maka huruf/tulisan anda akan berubah menjadi tebal.

karena tidak sedikit pendatang baru merasakan kesulitan dalam menulis dengan kode HTML maka saya sedikit informasi kan beberapa kode HTML yang biasa digunakan untuk keperluan menulis:

1. Tengah, Kode HTMLnya: <center></center>
2. Huruf tebal, Kode HTMLnya: <b></b>
3. Garis bawah, Kode HTMLnya: <u></u> 
4. Paragrap baru, Kode HTMLnya: <p/>   
5. Baris baru, Kode HTMLnya: <br/>  
6. Huruf miring, Kode HTMLnya: <i></i> 
7. Besar, Kode HTMLnya: <big></big>
8. Coret, Kode HTMLnya <s></s> 
9. Ukuran huruf, Kode HTMLnya: <font size ="16"></font>         
10. Warnai huruf, Kode HTMLnya: <font color="red"></font> 
11. dan masih banyak lagi.

Contoh penerapan kode HTML diatas:

1. Membuat tulisan bergaris bawah, cara penulisan: <u>tulisan anda disini</u>
   hasilnya akan seperti ini: tulisan anda disini 
2. Mewarnai huruf dengan warna biru, cara penulisan: <font color="blue">tulisan anda disini</font>
   hasilnya akan seperti ini: tulisan anda disini

untuk kode lainnya silahkan anda mencobanya sendiri ya..

Untuk lebih jelas lagi, saya akan kasih contoh perbandingan penerapan-nya pada template toko online blogspot pada bagian gadget HTML/Javascript side bar kanan.

pada side bar kanan di buat menu "Berita terbaru" dengan menginformasikan 3 produk unggulan yaitu:

    Produk unggulan kami:

    1. Madu

    2. Zaitun

    3. Kurma

Sebelum memasang kode HTML

Sesudah memasang kode HTML

Setelah melihat artikel saya tentang Mengenal kode HTML blog diatas, mudah-mudahan ini bisa membantu anda dalam menulis di blog. Salam Blogger.

Artikel Terkait:

Modifikasi blog

• Cara menghilangkan Judul Blog di header
• Membuat tulisan berjalan marquee blogspot
• Membuat menu drop down blogspot –Bagian2
• Membuat menu dropdown di blogspot - bagian 1
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Cara membuat breadcrumb pada blogspot
• Keuntungan mengganti domain blogspot dengan domain sendiri
• Cara memasang widget twitter blogspot
• 8 situs background blogspot terbaik dan gratis untuk Web Designers
• Cara mengganti template blogspot
• Cara membuat Energy Saving Mode pada blogspot
• cara mengganti kursor blog
• Membuat header blog dengan gambar
• Cara membuat efek salju di blog
• cara membuat share box di blogspot- blogger blog anda
• Cara Menghilangkan Navbar Blogspot
• 4 Cara mempercantik blogspot dengan widget
• Cara membuat buku tamu di blogspot
• Cara Mengganti Favicon blog

Tutorial blogspot

• Membuat toko Online dengan Template Standar Blogger
• Cara Membuat Label Kategori di Blogspot
• Cara menghilangkan Judul Blog di header
• Cara membuat kontak form blogspot
• Cara membuat blog gratis dengan blogspot
• Membuat tulisan berjalan marquee blogspot
• Membuat toko online wordpress
• Membuat menu drop down blogspot –Bagian2
• Widget Cek Resi TIKI JNE dan Pos Indonesia
• Membuat tulisan berkedip di blog
• Membuat widget back to top
• Widget sms gratis di blog
• Cara membuat banner blog
• 6 cara membuat form online gratis
• Membuat Halaman di blog - blogspot
• Membuat menu dropdown di blogspot - bagian 1
• Cara memasang MP3 di Blog
• Cara membuat efek daun berjatuhan pada blog
• Cara mempercantik blogspot
• Membuat sitemap blogger
• Cara membuat random post blogger
• Cara membuat Energy Saving Mode pada blogspot
• Membuat header blog dengan gambar
• Cara posting artikel blog melalui Email