Pages

Cell Phone

Monday, December 3, 2012

Mengedit Template Blog dengan HTML


Bahasa HTML berbeda dengan bahasa pemrograman. Tidak perlu IQ yang tinggi untuk mempelajari dan membuat blog dengan HTML. (pada intinya...MEMBINGUNGKAN dan MENJELIMET hehehe)

HTML adalah singkatan dari Hyper Text Mark up Language. Walaupun di zaman sekarang kita bisa membuat web/blog hanya dengan klak-klik mouse(tatap layar ajah)  tapi setidaknya kita harus sedikit mengerti tentang dasar-dasar HTML,

Mengganti beberapa bagian template blog dengan HTML
Mengedit Template Blog dengan HTML
Mengedit Template Blog dengan HTML


Dasar-Dasar Mengganti Template Blog dengan HTML
CARA MEMASUKKAN GAMBAR
kode :
<img src="http:// 2.bp.blogspot.com/-fKo-WZBzypA/ULxPJgT31zI/AAAAAAAAADs/XkiLrVo5Nx4/s1600/tampilan+file+thempelete.jpg" border="0" height="17" width="90">
keterangan :
kalimat yang warna biru adalah lokasi gambar kamu.
height="17" width="90" adalah ukuran tinggi dan lebar gambar

CARA MEMBUAT LINK
Kode :
<a href="http://imadedarmadi@blogspot.com" >TEXT </a>
Keterangan :
Text warna biru adalah link yang dituju.
Tulisan "TEXT" adalah tulisan yang ditampilkan.
jika text di rubah menjadi gambar
<a href=" http://imadedarmadi@blogspot.com " target="_blank"><img src=" http:// 2.bp.blogspot.com/-fKo-WZBzypA/ULxPJgT31zI/AAAAAAAAADs/XkiLrVo5Nx4/s1600/tampilan+file+thempelete.jpg " border="0" height="17" width="90"> </a>
Jika pingin link yang dituju dibuka dalam window baru maka tambahkan kode target="_blank" setelah kode http://imadedarmadi@blogspot.com

CARA MEMPOSISIKAN  TEXT/GAMBAR
Kode : center =tengah left = kiri right = kanan
<center>text</center>
Keterangan :
Ganti tulisan "text" dengan tulisan yana kamu inginkan, tau bisa juga diganti dengan gambar

CARA MEMBUAT BARIS BARU
Kode :
<br></br>
Keterangan :
Tambahkan kode tersebut sebelum objek (text/gambar) yang dinginkan

MEMBUAT HURUF BOLD (tebal), MIRING DAN BERGARIS BAWAH
Kode :
<b>text</b>


<i>text</i>
<u>text</u>

MEMBERI WARNA TEXT
<font color="#FF0000"> text </font>
<font color="red"> text </font>

Keterangan :
Ganti text warna atau kode warna kesukaanmu. (masih banyak warna lain yang bisa di tampilkan dan untuk kode warna lain itu bisa di searching di google)
Hasil :
Merah
biru

0 comments:

Post a Comment