Cara Membuat Link Aktif

Try Gusmawan
04:09


Cara Membuat Link Aktif sebenarnya sudah tidak asing lagi ditelinga kita, apalagi untuk para blogger papan atas. Tetapi untuk anda sebagai pemula, mungkin masih bertanya-tanya apa itu link.? Link adalah tautan yang menjadi penghubung dari satu halaman ke halaman lain di suatu blog (yang di sebut link internal) maupun menghubungkan halaman suatu blog ke halaman situs atau blog lain (disebut link external).

Berikut in merupakan salah satu dari contoh link :

1.    Klik untuk menuju ke halaman utama (contoh link internal)
2.    Klik untuk membaca manfaat membuat blog (contoh link external)

Nah, dengan sedikit penjelasasn diatas, saya rasa anda sudah mengetahui apa itu link serta bagaimana contoh. Sekarang saya akan menjelaskan cara membuat link dari contoh contoh diatas. Sebenarnya dalam pembuatan sebuah link itu sendiri memiliki beberapa cara, diantaranya dengan menggunakan fasilitas yang telah tersedia saat membuat pos pada sebuah blog dan bisa juga menggunakan kode Html. Untuk memperjelas, saya akan menjelaskannya satu-persatu.

1.    Menggunakan fasilitas yang tersedia pada fasilitas pembuat post
  • Pastikan anda Login diakun blogger terlebih dahulu.
  • Buat atau buka artikel yang akan ditambahkan link. 
  • Blok (hitamkan dengan cara drag) kata atau kalimat yang akan diberi link. 
  • Klik fasilitas yang telah di sediakan blogger bertulis Link yang berada di bagian atas pembuat blog 
  • Masukkan halaman web yang dituju (bisa halaman internal / situs external) 
  • Setelah itu klik ok 
  • Kemudian klik publish post untuk menyimpan dan mempublikasikan

Selain cara diatas, membuat sebuah link juga bisa dengan menggunakan kode Html seperti berikut :

2.    Menggunakan Kode Html
     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 sebagai berikut.
<a href=’https://cara-membuat-terbaru.blogspot. com’rel=’nofollow’=target=’_blank’title=’Judul link’>Klik untuk menuju ke halaman utama</a>

Dari kode html diatas, hasilnya akan terlihat seperti dibawah ini :
Klik untuk menuju ke halaman utama

Selain penempatan link dalam bentuk kata atau kalimat, pada dasarnya link juga dapat diaplikasikan pada gambar. Untuk mengaplikasikan link  pada suatu gambar terbagi 2 mode, pertama mode compose dan yang kedua mode edit HTML. Caranya sebagai berikut ...

1.    Mode Compose
  • Siapkan gambar, lalu upload (unggah) kedalam postingan (klik ikon insert image disebelah fasilitas pembuat link) 
  • Setelah gambar sukses diunngah (diupload), klik gambar tersebut lalu klik fasilitas Link , setelah itu masukkan alamat halaman atau web yang dituju 
  • Klik ok 
  • Klik Publish Post

2.    Mode Edit HTML
     Berikut kode HTML untuk link gambar
<a href="http://cara-membuat-terbaru.blogspot.com/" rel="nofollow" target="_blank" title="judul link"><img border="0"src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmHWJB7TjoxKx0jTahCuq5Qzh6EbV5db6WbUFz7sd42cHWmaUB4qdxlfO-BVJkx2BQnFD78yGsIx8_thOuD8RTiosBOfgo4xF4Ya365Qn7MnoM6KjzL4yEInmaSFnSwCg687AlGg1O1m4/s1600/mariodance_fc7f16rv.gif"alt="keterangan alternative"/></a>

Contoh  Link Gambar

Contoh Link Gambar


Untuk lebih jelasnya baca keterangan dibawah ini :
  • Kode HTML link : <a href=”http://alamat-situs-yang-dituju.com" target="_blank" title="isi dengan nama/judul link">link<a/> 
  • Rel=”nofollow”  berguna untuk mencegah Seach Engine menelusuri isi link tersebut, biasanya rel nofollow digunakan bila link mengarah kesitus luar. 
  • Target=”_blank” berguna untuk membuka link dijendela tab baru bila diklik, anda boleh tidak memakai Target=”_blank” bila tidak dibutuhkan. 
  • Title=”isi dengan nama/judul link”  berguna menampilkan nama/judul link bila pointer mouse berada diatas link tersebut. 
  • 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/>
  • Border=0 berguna untuk menghilangkan garis/tanda hyperlink pada gambar alt="keterangan gambar" berguna menampilkan keterangan teks bila gambar tidak keluar (gagal load atau rusak)

Itulah Caramembuat link aktif, sebenarnya cara ini cukup mudah jika anda memahami step by step seperti yang telah saya jelaskan diatas.