Cara Membuat Link pada Tulisan dan Gambar yang Bisa di Klik di Posting Blog

Tujuan membuat link atau tautan pada tulisan maupun gambar yang bisa di klik adalah untuk menautkan link dari halaman satu ke halaman yang lain, atau dari blog satu ke blog yang lainnya,

Dan dengan adanya link yang bisa di klik pada tulisan maka akan sangat berguna sekali untuk kemudahan mesin telusur dan pembaca menelusuri bagian-bagian halaman yang telah kita buat, dan dengan begitu blog kita tidak dianggap buntu. Intinya keberadaan link yang bisa di klik yang ada di blog kita itu sangat penting sekali untuk perkembangan blog selanjutnya.

Bagi pemula yang baru pertama kali membuat blog dan belum tahu bagaimana cara membuat link atau tautan yang bisa di klik pada tulisan dan gambar, silahkan ikuti panduan berikut dibawah ini.

Ada dua bahasan cara membuat link yang bisa di klik disini yang akan dijelaskan di bawah, yaitu:
  1. Cara membuat link yang bisa di klik pada teks atau tulisan
  2. Cara membuat link pada gambar yang bisa di klik
Membuat link yang bisa di klik di blog caranya cukup sederhana dan tidak membutuhkan pengetahuan khusus tentang kode-kode, karena dengan membaca panduan dibawah ini Anda akan bisa sendiri untuk membuat link yang bisa di klik, baik link pada tulisan maupun gambar.

Ok, mari kita mulai bagaimana cara membuatnya.

# 1. Cara membuat link pada tulisan yang bisa di klik

Pertama, silahkan siapkan link URL yang ingin dibuat tautan, misal kita ambil dari link URL artikel yang ada di blog sendiri, dan selanjutnya silahkan Anda buka artikel yang ada di blog Anda, kemudian copy URL atau link artikelnya yang ada di halaman blog paling atas, dikotak alamat.

Setelah link URL artikel di copy, silahkan paste-kan di dalam postingan, kira-kira contoh link URL nya seperti ini:
  • http://carasakrayblog.blogspot.com/2017/04/cara-membuat-kode-warna-di-posting-blog.html
Kemudian kita tambah URL artikel diatas dengan sedikit kode seperti di bawah ini:
  • <a href="http://carasakrayblog.blogspot.com/2017/04/cara-membuat-kode-warna-di-posting-blog.html"> Cara membuat kode warna di posting blog sampai bisa sendiri</a>
Ada 3 kode yang berwarna merah yang letaknya terpisah, dan kode itulah yang harus ditambahkan ke URL Artikel yang akan di buat link yang bisa diklik.
Dan tulisan berwarna biru adalah tulisan yang akan di beri link yang bisa di klik disini.

Kemudian jika link diatas di publikas-kan di posting artikel, maka hasilnya akan terlihat seperti dibawah ini: Cara diatas bisa Anda gunakan untuk membuat link klik disini pada posting-posting artikel di blog Anda selanjutnya.

Setelah paham membuat link pada tulisan agar bisa di klik maka kita lanjut ke bahasan berikut.

# 2. Cara membuat link pada gambar yang bisa di klik

Cara membuat link pada gambar yang bisa di klik caranya hampir sama dengan cara membuat link pada tulisan, yang membedakan adalah kalau link pada tulisan menggunakan teks, maka kalau membuat link pada gambar dengan kode gambar, itu saja, mudah bukan ?

Saya belum tahu bagaimana cara membuat link pada gambar dengan penjelasan yang lengkap dan jelas?

Mari kita simak penjelasan berikut ini:

Untuk membuat link pada gambar langkah pertama yang harus dilakukan adalah mengambil kode gambarnya terlebih dulu, dan untuk mendapatkan kode gambarnya, silahkan masukkan gambar seperti biasa saat mau posting artikel, kemudian simpan dulu di draf dan nanti kode gambar akan muncul dikotak posting yang ada di draf, kira-kira secara default kode atau alamat gambarnya akan terlihat seperti contoh dibawah:

<div class='separator' style='clear: both; text-align: center;'> <a href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_snobTWQWbCtJZZIuZhod_9BxNuCT5-D98UeQHA_ppDCLWQ2g1dXKTI-9R01G5wo3NbPjdDxDLBug2CL7LTaqqA-r1dfDjKF4dbdtc1fp9MuOkczAGNUQNHIzm7bo6vp1Eql1UpZ7tVM/s1600/Html.png' imageanchor='1' style='margin-left: 1em; margin-right: 1em;'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_snobTWQWbCtJZZIuZhod_9BxNuCT5-D98UeQHA_ppDCLWQ2g1dXKTI-9R01G5wo3NbPjdDxDLBug2CL7LTaqqA-r1dfDjKF4dbdtc1fp9MuOkczAGNUQNHIzm7bo6vp1Eql1UpZ7tVM/s320/Html.png' /> </a>> </div>

Yang berwarna hijau adalah kode gambar Anda, cirinya diawali dengan kode: <img kemudian diakhiri dengan kode: "/>
ambil kode gambarnya, kemudian buat seperti cara membuat teks yang bisa di klik, tulisan teks yang bisa di klik ganti dengan kode gambar Anda. Untuk lebih jelas, lihat contoh berikut:

<a href="http://carasakrayblog.blogspot.co.id/2017/03/cara-menampilkan-kode-html-keren-di-postingan.html">
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy_snobTWQWbCtJZZIuZhod_9BxNuCT5-D98UeQHA_ppDCLWQ2g1dXKTI-9R01G5wo3NbPjdDxDLBug2CL7LTaqqA-r1dfDjKF4dbdtc1fp9MuOkczAGNUQNHIzm7bo6vp1Eql1UpZ7tVM/s320/Html.png' /> </a>


Jika link gambar diatas dipublikasikan di posting artikel, maka hasilnya akan terlihat seperti ini;

cara membuat link gambar yang bisa di klik

Nah yang diatas adalah contoh gambar yang bisa diklik, dan jika gambar diatas di klik akan menuju halaman lain di blog ini.



Jika artikel ini cukup bermanfaat silahkan bagikan artikel ini ke:

Facebook Twitter Google+

2 Komentar "Cara Membuat Link pada Tulisan dan Gambar yang Bisa di Klik di Posting Blog"

  1. Great blog you have got here.. It's hard to find high-quality writing like yours nowadays.

    I honestly appreciate people like you! Take care!!

    ReplyDelete
  2. Makasih gan tutorialnya, sudah ane coba n berhasil ...

    ReplyDelete

Berkomentarlah yang sesuai dengan artikel yang anda baca. Komen spam akan terhapus otomatis