yoo sob. udah pada bangun belom? kalo bangun si pasti dah bangun dari jam 4 ya, tapi pasti ente belum pada mandi, haha itu true story kehidupan admin :v
Ok apa yg kita bahas hari ini bukan tentang lagu galau ataupun cerita seram, tapi kita akan sedikit ngenal beberapa kode html yg biasa di gunakan oleh para blogger untuk membuat suatu posting yg rapi dan menimbulkan beberapa efek pada teks seperti : teks garis bawah, teks miring, teks tebal, dan lain sebagainya.
bahkan kita juga membutuhkan kode html untuk membuat baris baru.
Sebelum kita masuk ke inti pembahasan kita ketahui dulu sedikit tentang apa itu kode html.
ToThePoin aja ya sob, kode html itu adalah kode paling dasar dalam sebuah program dan mewakili apa yg terlihat, posting inipun juga di tulis berdasarkan kode html yg terdiri atas berbagai macam elemen,tag, dan value yg merupakan isi dari kode html.
Tapi dalam hal ini, kita tak menggunakan kode html untuk membuat suatu program, melainkan kita akan gunakan untuk membantu kita dalam memposting artikel untuk blog kita.
Yosh mari kita cari tahu apa saja kode html yg sering di gunakan blogger untuk menerbitkan sebuah artikel. Mari kita menuju ke TKP...
1.Baris baru dan paragraf baru
Dalam suatu artikel sangat di butuhkan yg namanya baris baru dan paragraf baru yg tentunya akan membantu kerapian teks suatu artikel, Jika tak ada yg namanya baris dan paragraf baru artikel tersebut akan sangat kacau karena huruf yg di hasilkan akan terus maju ke depan (tanpa adanya baris baru) , Sekalipun kita mengetik enter itu takkan membuat baris baru melainkan huruf tersebut akan terus saja maju ke depan.
Namun dalam beberapa kasus seperti saat kita ingin membuat artikel di blogger.com . di sana telah di siapkan tempat khusus untuk pemula yg sama sekali tak perlu mengenal kode program. jadi kita tak perlu mengetahui kode html untuk menulis artikel semua tag dan efek sudah di racik di atas form artikel tinggal klik, langsung jadi. namun di beberapa kasus, seperti saat kita ingin membuat sebuah situs web dengan hosting sendiri, maka kemampuan coding (promrograman kita akan sangat di perlukan)
Nah kode untuk membuat baris baru dan artikel baru adalah sebagai berikut :
Baris baru :
<br>ketik teks disini</br>
paragraf baru :
<p>ketik teks disini</p>
Simple bukan, ok nexts ke kode berikutnya
2.Menyisipkan gambar
Ok Ini juga merupakan prioritas utama karena artikel tanpa gambar akan terasa membosankan, namun taukah kamu bahwa kebanyakan gambar di beranda akan memper lambat loading blog kita dan mengisap lebih banyak biaya data.? maka dari itu, kita harus mengatur sebaik mungkin untuk menampilkan gambar, namun di sisi lain gambar juga bisa membantu kualitas seo (Search Engine Optimization) untuk blog kita, Kita ketahui bahwa seo Adalah divisi penting yg berperan penting dalam peningkatan trafik blog kita. Jadi suatu gambar yg sering kita lihat di internet itu juga merupakan peran penting untuk suatu blog yg di sisipkan lewat html pastinya.
Kode html untuk menyisipkan gambar adalah sebagai berikut:
<img src="http://alamat-url-gambar"></img>
kita menggunakan tag img dan alamat url gambar adalah value dari tag tersebut di nama kita harus menempatkan alamat url dari gambar yg akan di tampilkan. kita juga bisa mengatur tinggi dan lebar gambar dengan menggunakan atribut height dan width, kira-kira seperti ini:
<img src="alamat-gambar" height="240px" width="320px"></img>
Ok simple bukan, mari kita next ke kode berikutnya
3.Membuat sebuah link
Link atau tautan juga merupakan hal penting apa lagi untuk suatu blog download. ibarat kita membungkus hadiah dalam suatu kado, atau kalau dalam artian lain itu ibarat kita mengirim surat atas perantara kantor pos. kira-kira begitulah prinsip dari suatu tautan. kita menyisipkan suatu halaman web di dalam suatu tautan, dan saat kita mengklik tautan itu kita akan di alihkan ke arsip yg di sisipkan di dalam tautan tersebut.
contoh lebih jelasnya adalah seperti ini, admin akan menyisipkan halaman web dari fanspage blog ini, maka hal pertama yg harus di lakukan adalah menulis kode html untuk membuat link.
kira-kira seperti ini:
<a href="http://https://www.facebook.com/SMBstr/">Fanspage blog</a>
("Fanspage blog" adalah teks yg akan terlihat nantinya)
maka hasilnya akan jadi seperti ini:
Fanspage blog
saat kita mengklik tautan tersebut, maka kita akan di alih kan ke halaman facebook dari blog ini. hal semacam ini juga berlaku untuk seluruh halaman web, seperti blog pribadi, juga link download.
ok simple bukan. yosh mari kita next ke kode berikutnya
4.Efek teks
Ok kita sampai ke pembahasan ke 4 yaitu efek teks, efek di sini bukan seperti yg di gunakan para ADM untuk mempercantik foto, melainkan efek disini lebih cenderung merujuk pada: Teks tebal, Teks miring, Teks garis bawah, Teks dicoret, dsb.
kode-kode dari efek teks adalah sebagai berikut:
<b>ini format format text tebal</b>
<i>ini format text italic</i>
<u>ini format text underline</u>
<em>ini format text em</em>
<small>ini format text small</small>
<strong>ini format text strong</strong>
<sub>ini format text sub</sub>
<ins>ini format text ins</ins>
<del>ini format text del</del>
<mark>ini format text mark</mark>
yosh selesai semuanya, mari kita menuju ke kode terahir
5.Teks rata kiri,kanan, dan tengah
kalian mungkin pernah menggunakan sebuah software terkemuka bernama Microsoft World. Salah satu fitur dari software ini yg sering digunakan adalah teks rata kiri, kanan, dan tengah. nah tentu saja fitur ini juga ada di program html sob. di mana teks yg di block (berada dalam script kode) akan dapat di atur ingin rata ke kanan, kiri, atau tengah.
ok dan berikut adalah cara penulisan kode nya:
<p align="left">1. ini merupakan penulisan paragraf rata kiri dalam dokument HTML</p>
<p align="right">2. ini merupakan penulisan paragraf rata kanan dalam dokument HTML</p>
<p align="center">3.ini merupakan penulisan paragraf rata tengah dalam dokument HTML</p>
<p align="justify">4. ini merupakan penulisan paragraf rata kiri kanan dalam dokument HTML</p>
Yosh, memang agak sulit di pahami, namun tak ada yg namanya tidak mungkin sob, jika kita serius ingin belajar, tuhan pasti akan memberikan jalan untuk kita, kuncinya adalah: Mau atau tidak? jawabnya kembali kepada diri kita sendiri sob.
Ok tiba di penghujung, mungkin hanya ini yg dapat admin sampaikan, maaf jika ada kekurangan, sobat bisa mencari lebih banyak refrensi dari mbah gugel, namun jangan lupa untuk mengunjungi blog sederhana ini lagi ya. jika ada yg kurang dipahami atau ingin menambahkan juga boleh di sampaikan langsung di kolom komentar. terima kasih sudah mau membaca dan berkunjung, sampai jumpa di update berikutnya...
