Setelah pada bahan sebelumnya anda telah berguru ihwal bagaimana cara menambahkan gambar di postingan. Sekarang, kita akan mempelajari bagaimana cara membuat link pada postingan blog. Adapun pembuatan link ini masih memanfaatkan menu toolbar yang terdapat pada mode Compose.
Daftar Isi:
- Apa itu link dan fungsinya pada halaman web?
- Membuat link text
- Membuat link gambar
1. Apa itu link pada halaman web ?
Secara sederhana, link (tautan) yaitu suatu elemen (umumnya berupa text atau gambar) yang mampu di-klik dan memiliki sebuah URL tujuan (umumnya menuju ke halaman yang berbeda). Ini yaitu cara yang digunakan untuk menautkan suatu halaman ke halaman lainnya. link biasanya digunakan untuk menautkan suatu halaman web ke halaman web lainnya yang masih berafiliasi (memiliki topik yang masih berkaitan). Link dibuat biar Pembaca / visitor mampu menerima lebih banyak acuan terkait topik tertentu.
Pada kasus tertentu, berita / 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 berita yang berkaitan ihwal ini telah kita terbitkan pada halaman lain). Untuk itu, kita mampu menggunakan link untuk mengarahkan pembaca ke halaman-halaman pendukung untuk topik yang sedang dibahas.
2. Cara Membuat Link Text di Postingan
Pada antarmuka Post Editor dengan mode Compose, Blok Text apapun yang akan anda buat menjadi sebuah link dan klik menu toolbar "Add or remove link".
Selanjutnya akan muncul form "Edit Link". Ada beberapa konfigurasi yang terdapat pada form Edit link ini.
- Text to display
Bagian ini akan secara otomatis terisi dengan text yang tadi anda blok. Ini yaitu text yang akan ditampilkan untuk mewakili url tujuan. - Link to
Ada 2 pilihan tipe Url yang mampu anda tambahkan sebagai URL tujuan. 2 tipe ini yaitu Web address (alamat / url halaman web) dan Email address. Untuk tujuan link yang berupa email, kalau pada perangkat yang digunakan pengunjung terdapat kegiatan email (misalnya Microsoft Outlook), link ini akan secara otomatis membuka kegiatan email tersebut. Pada tutorial ini, tujuan link yaitu berupa Web address. - Attribute Link
Ada 2 attribute html yang mampu anda tambahkan disini, yaitu target dan rel. Memberikan checklist pada "Open this link in a new window" akan membuat link terbuka pada tab gres browser (Biasanya pilihan ini digunakan untuk link dengan url tujuan eksternal (mengarah ke website / blog lain). Jika pada pilihan ini dibiarkan tanpa checklist, link akan terbuka pada tab yang sama (meninggalkan halaman yang sedang terbuka dan menuju ke url tujuan).
Untuk pilihan "Add rel nofollow attribute", ini merupakan atribut html link yang berfungsi untuk memperlihatkan (anggaplah) intruksi pada robot mesin pencari untuk tidak merayapi (meng-crawl) url tujuan link. Biasanya pilihan ini digunakan untuk link dengan url tujuan eksternal (mengarah ke website / blog lain). Lebih jauh ihwal crawl search engine ini akan anda jumpai nanti pada bahan SEO blog.
INFORMASI:
Ada 2 istilah terkait link yang mungkin akan sering anda jumpai dalam proses berguru anda. Dua istilah ini yaitu Internal Link dan Eksternal Link. Internal link yaitu istilah yang digunakan untuk link yang mengarah pada halaman yang berasal dari blog / website sendiri. Sedangkan Eksternal link yaitu istilah yang digunakan untuk link yang mengarah pada halaman yang terdapat pada blog / website lain.
Pada pola ini, link yang saya buat akan mengarah pada http://lipsum.com yang akan terbuka pada tab gres browser. Pengaturan pada form "Edit link" yaitu ibarat berikut:
Jika sudah selesai, klik "OK". Sekarang text yang dipilih telah berkembang menjadi sebuah link. Jika anda hendak melaksanakan edit pada link, klik pada text link yang akan anda edit dan kemudian klik "Change" untuk kembali menampilkan form "Edit link".
Edit dan Remove Link
TAMBAHAN:
Jika text yang digunakan / di-blok yaitu berupa url (misal: ignatamami.co), dikala anda meng-klik toolbar link, Url tujuan link akan secara otomatis ditambahkan pada text (berupa: www.ignatamami.co). Lakukan ibarat langkah diatas untuk melaksanakan edit bagian-bagian lainnya.
3. Cara Membuat Link Gambar di Postingan
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.
Pertama, tambahkan gambar yang akan digunakan ibarat yang telah anda jumpai pada bahan sebelumnya: Menambahkan gambar pada postingan. Setelah gambar ditambahkan, Klik pada gambar. Kurang lebih terlihat ibarat berikut:
Seperti yang terdapat pada gambar diatas, pada keadaan default, gambar yang ditambahkan akan mengandung link yang mengarah pada url gambar itu sendiri. Untuk menambahkan url tujuan secara manual, klik menu toolbar "Add or remove link", ini akan menghapus link default gambar.
Setelah link pada gambar terhapus, kembali klik toolbar "Add or remove link" untuk menambahkan link secara manual. Seperti halnya pada pembuatan link text, ini juga akan membuka form "Edit link".
Tambahkan Url tujuan pada form Web address. Untuk bab "Text to display", ini akan bertindak sebagai Alternatif text (Alt) gambar (telah anda jumpai pada bahan sebelumnya).
Untuk tahap ini, anda sedikit banyak telah mengerti ihwal bagaimana cara memanfaatkan toolbar post editor dalam membuat postingan. Selain dengan toolbar insert link dan insert image (gambar), beberapa toolbar lainnya (seperti insert video misalnya) mampu anda pelajari secara berdikari (karena pada prinsipnya akan sama saja). Pada bahan selanjutnya, akan kita bahasa mengenai Laman blog.