Panduan Lengkap Cara Membuat Link pada Postingan Blogger

MATERI PENDUKUNG

Apa itu URL? Pengertian dan bagian-bagian URL

Pengertian Link

Link (tautan) adalah suatu elemen (umumnya berupa text atau gambar) yang bisa di-klik dan memiliki sebuah URL tujuan yang (umumnya) menuju ke halaman web lain.

Fungsi Link

Link digunakan untuk menautkan suatu halaman ke halaman lainnya yang masih berhubungan (memiliki topik yang masih berkaitan). Link dibuat agar Pembaca/visitor bisa mendapatkan lebih banyak referensi terkait topik tertentu.

Pada kasus tertentu, informasi/topik pembahasan yang kita tulis pada postingan blog akan membutuhkan pemahaman terhadap topik-topik lainnya sebagai pendukung. Topik-topik pendukung ini terkadang tidak memungkinkan untuk dapat kita sampaikan pada halaman yang sama (atau mungkin juga informasi yang berkaitan tentang ini telah kita terbitkan pada postingan lain). Untuk itu, kita bisa menggunakan link untuk mengarahkan pembaca ke halaman-halaman pendukung untuk topik yang sedang dibahas.

Cara Membuat Link Text

Pada Post Editor, blok text yang akan anda dibuat menjadi sebuah link dan klik menu toolbar link.
Akan terbuka jendela konfigurasi link, masukkan URL tujuan pada input yang tersedia dan sesuaikan beberapa opsi konfigurasi.

Keterangan:
- Buka link di jendela baru Mengaktifkan opsi ini akan membuat link terbuka pada tab baru browser.
- Atribut rel nofollow Mengaktifkan opsi ini akan mengintruksikan mesin pencari untuk tidak mengikuti (membuka link). Opsi ini biasanya akan diaktifkan untuk URL tujuan yang mengarah ke domain/blog lain.
HTML link text

Beralih ke tampilan HTML untuk melihat html link yang telah dibuat - (Lihat). Adapun format html link ini kurang lebih seperti berikut:
```
          
          <a href="..." rel="..." target="...">
            Text...
          </a>
          
        
```

Cara Membuat Link Gambar

Pada prinsipnya, membuat link gambar sama halnya dengan link text, perbedaannya hanya terletak pada "apa yang akan ditampilkan". Jika pada link text kita menampilkan text untuk mewakili url tujuan, pada link gambar, kita akan menggunakan gambar untuk mewakili url tujuan.

Tambahkan gambar seperti biasa (baca: Cara menambahkan gambar di postingan).

Penambahan gambar dengan menggunakan toolbar pada post editor akan secara otomatis memberikan link pada gambar. Link ini memiliki URL tujuan berupa URL gambar dalam ukuran original/penuh.
Setelah gambar ditambahkan, klik pada gambar dan klik pada toolbar link untuk mengganti URL tujuan gambar. Opsi pada konfigurasi link sama halnya dengan link text sebelumnya.

HTML link gambar

Beralih ke tampilan HTML untuk melihat html link gambar yang telah dibuat - (Lihat). Adapun format html link gambar ini kurang lebih seperti berikut:

	  
<div class="separator" style="...">
  <a href="..." style="...">
    <img 
      alt="..." 
      border="..." 
      data-original-height="..." 
      data-original-width="..." 
      height="..." 
      src="..." 
      title="..." 
      width="..."/>
  </a>
</div>