Cara Membuat Tautan atau Link di Blog

Hyperlink (link) adalah tautan yang menghubungkan satu halaman ke halaman lain di suatu blog (link internal) maupun menghubungkan halaman suatu blog ke halaman situs dan blog lain (link external)
Contoh Link :

• ini namanya link
• klik untuk menuju ke halaman utama ...

Cara membuat link :


- Menggunakan fasilitas yang tersedia pada fasilitas pembuat post

1. Buat atau buka artikel yang akan ditambah link
2. blok (hitamkan dengan cara drag) kata atau kalimat yang akan diberi link
3. klik fasilitas bertulis Link di bagian atas fasilitas pembuat post
4. Masukan halaman web yang dituju (bisa halaman internal / situs external)
5. Klik Ok
6. klik publish post untuk menyimpan dan mempublikasikan

- Menggunakan Kode Html

1. Ketik manual kode berikut dalam fasilitas Edit HTML atau HTML editor (Perhatian : kode dibawah tidak bisa dipakai bila menggunakan Mode Compose)

contoh kode html link

<a href="http://coolkidshare.blogspot.com" rel="nofollow" target="_blank"title="judul link">ini namanya link</a>

hasilnya akan seperti di bawah ini

ini namanya link

Link juga bisa diaplikasikan pada gambar, caranya sebagai berikut ...

Mode Compose

1. Siapkan gambar lalu upload (unggah) kedalam postingan (klik gambar di sebelah fasilitas pembuat link)
2. Setelah gambar sukses diunggah (diupload), klik gambar lalu klik fasilitasLink setelah itu masukkan alamat halaman web yang dituju
3. Klik Ok
4. Klik Publish Post

Mode Edit HTML

1. berikut kode html untuk link gambar

<a href="http://coolkidshare.blogspot.com/" rel="nofollow" target="_blank"title="judul link"><img border="0" src="http://3.bp.blogspot.com/_-ZyW6-R_CKY/TVALA_2EWnI/AAAAAAAAAF4/D2NAYUOAHzI/s1600/mariodance_fc7f16rv.gif" alt="keterangan alternative"/></a>

Contoh Link Gambar



Keterangan Tambahan :

1. Kode HTML link : <a href="http://alamat-situs-yang-dituju.com" target="_blank" title="isi dengan nama/judul link">link<a/>
2. Rel="nofollow" berguna untuk mencegah Search Engine menelusuri isi link tersebut, biasanya rel nofollow digunakan bila link mengarah ke situs luar
3. target="_blank" berguna untuk membuka link di jendela tab baru bila di klik, anda boleh tidak memakai target="_blank" bila tidak dibutuhkan
4. title="isi dengan nama/judul link" berguna menampilkan nama/judul link bila pointer mouse berada di atas link tersebut
5. Rumus Kode Link Gambar : <a href="http://alamat-situs-yang-dituju.com" target="_blank" title="isi dengan nama/judul link"><img border="0" src="http://isi-dengan-alamat-gambar.com/contoh-gambar.jpg" alt="keterangan alternative"/><a/>
6. Border=0 berguna untuk menghilangkan garis/tanda hyperlink pada gambar
7. alt="keterangan gambar" berguna menampilkan keterangan teks bila gambar tidak keluar (gagal load atau rusak)