Cara Membuat Link di blogger

Artikel sebelumnya di tutorial bloggerbugis adalah cara edit template blog. Cara membuat link ( kompliit ) menjadi artikel kali ini yang ditujukan untuk anda yang belum tahu cara membuat link. Cara membuat link berikut ini akan menjelaskan tentang cara membuat link di postingan blog dan cara mebuat link di sidebar blog serta bagian lain di dalam blog.

Cara membuat link di blogger

Untuk lebih memahami cara membuat link, sebelumnya saya akan jelaskan hal - hal yang dibutuhkan untuk membuat link dan cara memperolehnya. Untuk anda yang menggunakan blogspot sebagai tempat membuat Blog dalam membuat link yang dibutuhkan adalah sebagai berikut.

Bahan untuk membuat link

• Tulisan atau gambar ( banner ) yang akan dibuat link.

Tulisan yang dipakai untuk membuat link berupa kata atau kalimat, kalau menggunakan gambar atau banner sebagai link, anda harus mempunyai sebuah gambar yang sudah tersimpan di internet karena yang akan dipakai adalah URL / alamat gambar tersebut.

* Contoh Link dengan menggunakan tulisan : TUTORIAL BLOGGERBUGIS
* Contoh link dengan menggunakan gambar atau banner :

• URL atau alamat tujuan Link.

URL atau alamat tujuan link adalah tempat dimana halaman tersimpan. Contoh : Bloggerbugis tersimpan atau beralamat di www.bloggerbugis.com. Untuk mengetahui URL atau alamat sebuah halaman di internet, silahkan buka halaman yang diinginkan ( tujuan link ) lalu lihat URL atau alamatnya yang ada di menu bar browser.

Gambar 1 : Cara Membuat Link

• Kode HTML untuk membuat link.

Untuk membuat link, kadang kita harus membuat kode HTMLnya, kadang juga tidak. Tergantung di mana membuat Link tersebut. Adapun kode HTML dasar untuk membuat link adalah :

<a href="URL Tujuan Link">Kata yang dijadikan Link</a>

Setelah mengetahui hal² yang dibutuhkan untuk membuat link, sekarang kita mulai tutorial cara membuat link di beberapa bagian blog yang biasa digunakan untuk menyimpan Link.

Membuat link di postingan blog

Untuk membuat link di dalam postingan Blog ( artikel ), yang di butuhkan adalah URL tujuan link dan kata atau kalimat yang akan dijadikan Link. Gunakan tools yang ada di post editor blog sehingga kita tidak memerlukan kode HTML untuk membuat linknya. Caranya :

• Klik dan tahan mouse di dekat tulisan untuk meyeleksi kata atau kalimat yang akan di jadikan Link. Contoh : saya akan membuat link dengan kata "Klik disini" maka saya akan menyeleksi tulisan "Klik Disini" sehingga terlihat seperti ini : "Klik Disini".
• Untuk membuat link dengan kata Klik Disini, Klik tools LINK yang ada di atas kotak penulisan artikel.

Gambar 2 : Cara Membuat Link

• Saat muncul kotak pop up window, masukkan URL tujuan Link pada kotak yang tersedia

Gambar 3 : Cara Membuat Link

• Klik kotak kecil yang ada di depan tulisan "Open this link in a new window" untuk membuat linknya terbuka di tab baru browser.

Hasilnya seperti ini :

"Klik Disini"

2. Membuat link pada widget yang ada di sidebar blog.

Cara membuat link di sidebar blog hampir sama dengan membuat link di dalam postingan blog. Bedanya, kita harus menambahkan kode perintah secara manual jika ingin membuat linknya terbuka di Tab Baaru browser saat Link di klik.  Penjelasan selengkapnya berikut ini :

• Tambahkan widget baru di sidebar blog anda. Jika belum tahu cara menambahkan widget di blog, klik : "Cara Menambahkan Widget di Sidebar Blog".
• Pilih widget "HTML/JavaScript".
• Anda akan melihat kotak HTML/JavaScript seperti gambar di bawah ini :

Gambar 4 : Cara Membuat Link

*Perhatikan gambar yang di beri tanda

• Ketik tulisan yang akan di jadikan LINK lalu highlight / Seleksi tulisan tersebut.
• Klik tools  "BuatLink" ( gambar yang di beri lingkaran berwarna merah )
• Masukkan URL tujuan LINK lalu klik "OK" seperti gambar di bawah ini :

Gambar 5 : Cara Membuat Link

• Klik Simpan
• Hasilnya kurang lebih seperti gambar di bawah ini : 

Gambar 6 : Cara Membuat Link

• Selesai...

Catatan Tambahan :

• Gambar Tutorial Cara Membuat Link pada sidebar blog di atas diambil pada mode EDIT HTML ( perhatikan tulisan yang di tunjuk panah kecil. Tulisan "Rich Teks" menandakan mode Edit HTML ).
• Dengan menggunkan mode HTML tersebut, anda bisa menambahkan perintah untuk membuka linknya di tab baru saat di  klik.
• Untuk membuka Linknya di tab baru tambahkan perintah

target="_blank"

Contoh :
Pada gambar di atas saya mengambil contoh tulisan "Contoh Link" yang akan di buat menjadi link dengan tujuan link http://www.bloggerbugis.com. Setelah di beri link, tulisan tersebut akan berubah menjadi seperti ini :

<a href="http://www.bloggerbugis.com">Contoh Link</a>

Edit kodenya untuk menabahkan perintah target="_blank" untuk membuka linknya di tab baru saat di klik. Setelah di beri perintah untuk membuka link di tab baru, kodenya menjadi seperti ini :

 <a href="http://www.bloggerbugis.com" target="_blank">Contoh Link</a>

Untuk memberikan "Bullet List" ( icon beupa gambar atau lingkaran di depan Link ) tambahkan kode Bullet List sehingga kodenya menjadi seperti ini :

<ul>

<li>
 <a href="http://www.bloggerbugis.com" target="_blank">Contoh Link</a>

</li>

</ul>

Catatan :
Gambar Bullet List  tergantung dari pengaturan CSS template masing-masing. Jika ingin mengganti bullet list dengan nomor ( angka ), ganti kode ul menjadi ol, baik kode penutup maupun kode pembuka

Demikian tutorial singkat cara membuat link di blogger. Cara membuat link yang lebih heboh lagi akan saya tulis di artikel berikutnya.
Semoga bermanfaat......