Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Minggu, 08 November 2009

Aneka Cara Membuat HyperLink


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
Membuat HyperLink/ tautan merupakan suatu hal yang tak pernah terpisah dengan blogging, baik itu membuat HyperLink berupa teks atau pun gambar. Manfaat yang dapat kita petik dari membuat HyperLink adalah, memudahkan kita untuk mengantar para pengunjung ke halaman yang kita hendaki, terkadang juga untuk memperpendek tulisan kita, seperti halnya anda ingin me-link ke blog ini, maka anda tidak perlu untuk menulis http://t4belajarblogger.blogspot.com karena anda cukup menulis di sini, yang kemudian kata sini-nya anda sisipi link http://t4belajarblogger.blogspot.com, sehingga menjadi seperti ini: sini.

Untuk membuat HyperLink sangatlah banyak caranya, dan memiliki banyak macam, mari kita perhatikan macam-macam dan cara membuatnya sebagai berikut:


1. Membuat HyperLink teks yang terbuka di Tab yang sama.

Membuat HyperLink teks yang terbuka di tab yang sama sangatlah mudah, anda tinggal menggunakan kode HTMl berikut:

<a href="http://t4belajarblogger.blogspot.com">t4belajarblogger.blogspot.com</a>



Maka akan menjadi seperti berikut ini:

t4belajarblogger.blogspot.com, keterangan>>>Jika anda meng-klik link tersebut maka akan terbuka di tab yang sama. Bagi anda yang ingin menggunakan kode di atas, gantilah tulisan yang berwarna hijau dan biru, dan sesuaikanlah dengan alamat URL yang anda inginkan.

Selain itu bisa juga dengan cara lain yaitu menggunakan tombol yang telah disediakan oleh blogger.com, caranya adalah sebagai berikut:


1. Tulislah sesuatu yang ingin anda sisipi dengan suatu link, contoh: Google.

2. Blok tulisan Google tersebut.

3. Klik tombol HyperLink/ tautan yang terletak di bagian atas halaman penge-post-an.


4. Kemudian akan muncul kotak kecil baru, yang kemudian anda harus menulis URL tujuan.


5. Silahkan anda tulis alamat tujuan di bagian yang telah ditandai dengan elips merah, maka anda akan tulis http://google.com

6. Maka hasilnya adalah seperti ini: Google (jika diklik maka akan terbuka di tab yang sama)



2. Membuat HyperLink teks yang terbuka di Tab yang baru/ berbeda.

Untuk memulai membuat HyperLink teks yang akan terbuka di halaman tab baru maka anda perlu menggunakan Kode HTML berikut ini:

<a href="http://t4belajarblogger.blogspot.com" target="_blank">t4belajarblogger.blogspot.com</a>



Maka akan menjadi seperti ini:

t4belajarblogger.blogspot.com. untuk mencoba, silahkan anda klik link tersebut. Pasti akan terbuka di halaman tab baru.



3. Membuat HyperLink gambar yang terbuka di Tab yang sama.

Kodenya yaitu sebagai berikut:

<a href="http://t4belajarblogger.blogspot.com/"><img src="http://lh4.ggpht.com/_RVpTV2JOOxA/S7y7wg351AI/AAAAAAAACrg/kQew7fyZLoo/pilhan_banner_t4belajarblogger02.JPG" alt="halaman depan" /></a>



Keterangan...

Hijau: Adalah Alamat URL tujuan.
Orange: Alamat URL Gambar.
Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).

Maka hasilnya adalah seperti ini:

halaman depan

Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman namun tetap berada di tab yang sama.



4. Membuat HyperLink gambar yang terbuka di Tab yang baru/ berbeda.

Kode HTML:

<a target="_blank" href="http://t4belajarblogger.blogspot.com/"><img alt="t4belajarblogger.blogspot.com" src="http://lh4.ggpht.com/_RVpTV2JOOxA/S7y7wg351AI/AAAAAAAACrg/kQew7fyZLoo/pilhan_banner_t4belajarblogger02.JPG" border="0" /></a>



Keterangan...

Hijau: Adalah Alamat URL tujuan.
Biru: Keterangan gambar (bebas diisi apa saja, asal ada hubungannya).
Orange: Alamat URL Gambar.

Maka hasilnya adalah seperti ini:

t4belajarblogger.blogspot.com

Jika anda meng-klik gambar di atas maka anda akan di bawa ke suatu halaman dan berada di tab yang baru/ berbeda.


Selesai....Selamat mencoba!






Semoga Bermanfaat []

Tags: Cara membuat link, cara memasang link, membuat hyperlink, memasang link pada tulisan, cara hyperlink blogger, hyperlink di blogspot, cara menyisipkan link, link teks di blogspot
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



4 comments

21 Oktober 2010 04:07

37

1 Januari 2011 22:27

thanks mas, saya sangat berterimakasih thd tulisdan ini, akhirnya web saya www.mbemas.com bisa melink dengan tabs baru

30 Desember 2011 04:45

makasih infonya,, sangat bermanfaat.. dipaparkan jelas banget.. ;)

1 Maret 2012 05:54

mas... mau tanya, cara nya bikin menu yang umpamanya kita klik horizontal menu, trus keluar sub menu lagi di bawahnya. itu gmn nya?

terima kasih

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link