Cara Mengedit Teks dan Gambar

Dalam dunia Blogging tak lepas dari yang namanya teks dan gambar. Pada setiap teks dan gambar tersebut biasanya tersimpan link dan title atau judul dari gambar atau teks tersebut.

Khusus pada gambar biasanya tersimpan alt (Alternative Text) atau Associated Text. yang berguna sebagai teks alternatif gambar tersebut.

Berikut ini adalah cara cara mengedit teks dan gambar :

Cara Memasukkan Gambar

<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" border="0" height="18" width="60">

Keterangan
- Tulisan yang berwarna putih adalah gambar yang sudah anda simpan.
- height="18" width="30" adalah ukuran tinggi (height) dan lebar (width) gambar anda.

Hasilnya:


Cara Membuat Link

Kode:

<a href="http://trik-tips-tutorial.blogspot.com" >Trik Tips Tutorial </a>

Keterangan:
- Teks berwarna putih adalah alamat link yang dimaksud. Tulisan "Trik Tips Tutorial" adalah tulisan yang akan ditampilkan.
- Jika anda ingin link yang tampil adalah sebuah gambar maka kita hanya perlu menggabungkannya, sehingga kodenya akan seperti ini :

<a href="http://trik-tips-tutorial.blogspot.com" target="_blank"><img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" border="0" height="18" width="30"> </a>

Keterangan:
- Tambahan kode target="_blank" adalah digunakan apabila anda ingin link atau gambar yang di klik akan membuka tab baru.
- Jika ingin menambahkan title pada link teks dan gambar anda tinggal menambahkan kode title="keterangan link" ganti tulisan keterangan link dengan keterangan link yang anda inginkan seperti :

<a href="http://trik-tips-tutorial.blogspot.com/" target="_blank" title="Ke Beranda">Trik Tips Tutorial</a>

Hasilnya:
Trik Tips Tutorial





Cara Membuat Teks/Gambar Berada Di Tengah

Kode:

<center> teks/gambar atau link gambar/link teks </center>

Keterangan:
- Ganti tulisan "teks/gambar atau link gambar/link teks" dengan teks atau gambar yang dimaksud.


Cara Membuat Baris Baru

Kode:

<br> atau kode <br/>

Keterangan:
- Tambahkan kode berwarna merah tersebut sebelum atau sesudah objek (teks/gambar) yang dimaksud.


Membuat Huruf Tebal, Miring, Bergaris Bawah, Tercoret, Kecil Bawah (Subscript) Dan Kecil Atas (Superscript)

Kode:

<b> teks </b>
hasilnya: teks menjadi tebal.

<i> teks </i>
hasilnya: teks menjadi miring.

<u> teks </u>
hasilnya: teks menjadi bergaris bawah.

<strike> teks </strike> hasilnya: teks menjadi bergaris tengah atau tercoret.

_teks hasilnya: _teks menjadi kecil bawah atau Subscript.

^teks hasil : ^teks menjadi kecil atas atau Superscript.

Memberi Warna Teks

<font color="#FF0000"> Merah </font>
<font color="red"> Merah </font>

Keterangan:
- Ganti text yang berwarna merah dengan warna atau kode warna kesukaanmu.

Hasilnya:

Merah

Untuk kode kode warna yang lainnya bisa di lihat di Kode Kode Warna


Merubah Ukuran Teks

Kode:

<font size="1">ini font size 1</font>

Ganti angka 1 dengan ukuran 1, 2, 3, 4, 5, dan seterusnya Hasilnya seperti:

Ini font size 1
Ini font size 2
Ini font size 3
Ini font size 4
Ini font size 5
dan seterusnya...