Sebelumnya mohon maaf kepada siapa saja yang membaca artikel ini, khususnya bagi mereka yang sudah senior dalam blogging hack. Posting ini tidak bermaksud sok tahu apalagi menggurui, semua hanya kembali pada niat awal saya untuk berbagi ilmu dan pengetahuan dengan orang lain (siapa saja tanpa ada pengecualian), terima kasih.
HTML (Hyper Text Mark up Language), apa sih? Gak tahulah apa arti yang sebenarnya dalam dunia blogger. Yang jelas didalam HTML terdapat banyak sintak yang rumit (buat saya memang rumit kok...
)
Bisa dikatakan bahwa HTML bersifat wajib dalam dunia internet, apalagi saat anda mulai berkeinginan untuk mengedit baik template maupun widget pada website ataupun blog anda. Kode HTML menjadi dasar yang sangat penting pada sebuah situs di internet. Memang sih kita dapat membuat web ataupun blog hanya dengan meng-klik mouse ataupun keyboard untuk menjalankan pointer dan sekedar meng-copas kode HTML. Namun setidaknya dengan sedikit memahami tentang dasar-dasar HTML ini kita akan lebih mudah dalam melakukan aktivitas pada blog kita, contoh saja saat kita harus mengedit template.
Dalam tutorial ini saya tidak akan membahas tentang dasar-dasar HTML secara keseluruhan (aslinya memang belum paham semuanya, hehe...
), tapi saya ajak anda untuk belajar sedikit tentang tag ataupun kode-kode penting yang sering digunakan dalam pembuatan sebuah web ataupun blog. Misalnya saja cara membuat link, cara menampilkan gambar, mengganti warna font dsb. Mari belajar bersama saya...
Membuat huruf menjadi tebal, miring dan bergaris bawahKodenya adalah :
<b> TEXT ANDA </b>
<i> TEXT ANDA </i>
<u> TEXT ANDA </u>
Hasilnya menjadi :
TEXT ANDA --->>
tebalTEXT ANDA --->>
miringTEXT ANDA --->>
bergaris bawahMembuat Text Berwarna :Kodenya adalah :
<font color="#0000FF"> text </font>
<font color="red"> text </font>
Note :Silahkan anda ganti text warna biru dan merah dengan kode warna yang anda inginkan.
Untuk melihat kode warna silahkan kunjungi
http://indonesia-ngeblog.blogspot.com/2009/07/tips-trik-html-code.htmlMembuat link :Kodenya adalah :
<a href="
http://purworejoforum.friendhood.net" >Cah Pordjo Community</a>
Maka akan terbaca seperti ini :
Cah Pordjo Community
Keterangan :
Text yang berwarna biru adalah alamat URL yang dituju.
Tulisan "Indonesia Ngeblog" adalah tulisan yang akan ditampilkan.
Membuat link dengan gambar :Kodenya adalah :
<a href="http://indonesia-ngeblog.blogspot.com/" target="_blank"><img border="0" alt="Tips & Tutorial" src="https://2img.net/h/i802.photobucket.com/albums/yy309/eddi_photo/cooltext429955956.png"/></a>
Hasilnya menjadi :
Tips & Tutorial
Note :
Kode target=”_blank” setelah kode URL
http://indonesia-ngeblog.blogspot.com berfungsi untuk mensupport link dibuka pada window baru. Jika anda menginginkan gambar dibuka pada halaman yang sama, anda tinggal menghapus kode tersebut.
Mengatur letak/posisi text/gambar :<p align="center">TENGAH</p>
<p align="left">KIRI</p>
<p align="right">KANAN</p>
Membuat text/link berkedip :<blink> <b>TEXT ANDA</b></blink>
Hasilnya menjadi :
TEXT ANDA
Pembahasan diatas hanyalah sedikit dari sekian banyak tag ataupun kode dalam HTML.
Bagi anda yang masih pemula (seperti saya) alangkah baiknya jika anda sering bereksperimen dan mengotak atik kode HTML baik pada widget ataupun template. Hal ini akan membiasakan anda pada dasar-dasar kode HTML, dengan harapan dapat mengurangi kebingungan anda saat harus membuat ataupun merubah kode HTML.
Penting :
Saat anda mengutak atik kode HTML pada template blog anda, sebaiknya backup dulu template anda dan simpan pada hardisk agar jika terjadi kesalah dengan mudah anda mengembalikan pada posisi semual.
Semoga bermanfaat, salam ngeblog...