Sebelumnya saya ucapkan selamat datang dan terima kasih atas kesediaannya untuk berkunjung ke blog jual-rebanamarawis ini, Pada kesempatan kali ini ini saya akan sharing tips bagaimana Cara Membuat Hyperlink Text pada postingan Blogspot
Hyperlink lebih dikenal dengan istilah link atau tautan adalah suatu objek ( bisa berupa text atau gambar) yang di hubungkan dengan alamat URL suatu halaman Web/Blog, sehingga kalau kita klik link tersebut maka kita akan di arahkan untuk membuka alamat URL halaman Web/Blog tersebut.
Berdasarkan Url tujuan suatu link, link dibedakan menjadi dua macam yaitu internal link, dan eksternal link, internal link adalah link yang dihubungkan dengan alamat URL halaman lain tetapi masih dalam satu Web/Blog, sedangkan external link merupakan link yang dihubungkan dengan alamat URL halaman dari Web/Blog lain.
CARA MEMBUAT LINK TEKS DENGAN KODE HTML
Langkah-langkah untuk membuat link teks (Anchor Text) menggunakan kode HTML sebenarnya sangatlah mudah, sebagai contoh: Misal kita akan membuka suatu halaman Blog ini yang berisi tentang Produk 1 set Marawis Batik, dimana alamat URL nya adalah: "http://www.jual-rebanamarawis.com/2012/02/marawis-batik.html" sedangkan teks yang akan kita tampilkan untuk dijadikan link (Anchor Text) nya adalah "JUAL ALAT MUSIK MARAWIS BATIK"
Maka langkah untuk membuat link teks sadalah sebagai berikut:
Hyperlink lebih dikenal dengan istilah link atau tautan adalah suatu objek ( bisa berupa text atau gambar) yang di hubungkan dengan alamat URL suatu halaman Web/Blog, sehingga kalau kita klik link tersebut maka kita akan di arahkan untuk membuka alamat URL halaman Web/Blog tersebut.
Berdasarkan Url tujuan suatu link, link dibedakan menjadi dua macam yaitu internal link, dan eksternal link, internal link adalah link yang dihubungkan dengan alamat URL halaman lain tetapi masih dalam satu Web/Blog, sedangkan external link merupakan link yang dihubungkan dengan alamat URL halaman dari Web/Blog lain.
CARA MEMBUAT LINK TEKS DENGAN KODE HTML
Langkah-langkah untuk membuat link teks (Anchor Text) menggunakan kode HTML sebenarnya sangatlah mudah, sebagai contoh: Misal kita akan membuka suatu halaman Blog ini yang berisi tentang Produk 1 set Marawis Batik, dimana alamat URL nya adalah: "http://www.jual-rebanamarawis.com/2012/02/marawis-batik.html" sedangkan teks yang akan kita tampilkan untuk dijadikan link (Anchor Text) nya adalah "JUAL ALAT MUSIK MARAWIS BATIK"
Maka langkah untuk membuat link teks sadalah sebagai berikut:
- Menyiapkan Alamat URL Tujuan Link yaitu:
http://www.jual-rebanamarawis.com/2012/02/marawis-batik.html - Menyiapkan Anchor Text nya, yaitu:
JUAL ALAT MUSIK MARAWIS BATIK - Membuat KOde HTML Link Text
Adapun kode HTML dasar untuk Membuat Link Teks adalah:
<a href="Alamat_URL_Tujuan_Link">Anchor Text</a>
Maka Kode yang kita pasang untuk membuat Link teks adalah:
<a href="http://www.jual-rebanamarawis.com/2012/02/marawis-batik.html">JUAL ALAT MUSIK MARAWIS BATIK</a>
Dan Hasilnya akan Terlihat seperti ini:
JUAL ALAT MUSIK MARAWIS BATIK
Kalau kita Klik Link tersebut maka browser akan membuka halaman :
http://www.jual-rebanamarawis.com/2012/02/marawis-batik.html
CARA MEMBUAT LINK TEKS PADA POSTINGAN BLOGSPOT
Pada saat kita membuat postingan baru maupun mengedit postingan lama, yaitu pada post Editor sudah tersedia fasilitas untuk membuat Link yaitu berupa icon Link (gambar rantai), perhatikan gambar berikut:
Adapun cara membuat link pada saat kita sedang membuat postingan maupun mengedit postingan adalah sebagai berikut:
- Tulislah, atau siapkan terlebih dahulu kata yang akan kita tampilkan untuk dijadikan link (Anchor Text) misal JUAL 1 SET MARAWIS POLOS
- Siapkan alamat Url tujuan Misal: http://www.jual-rebanamarawis.com/2012/02/marawis-polos.html
- Pilih dan Block Ancor Text kemudian klik pada icon Link gambar rantai, Perhatikan Gambar di bawah
- Copy alamat URL Tujuan Link kemudian paste pada kotak yang tersedia setelah klik icon link (gambar rantai) kemudian klik "OK", perhatikan gambar dibawah ini
- Pemasangan Link sudah selesai, silahkan Publish / Terbitkan Entri kemudian lihat hasilnya.
Demikian postingan saya yang berjudul Cara Membuat Hyperlink Text pada postingan Blogspot, semoga bermanfaat
Artikel lainnya:
Artikel lainnya:
- Cara Daftar dan Verifikasi Blog di Google Webmaster Tool
- Cara Memasang widget alexa di blog (blogspot)
- Cara Daftar/Claim dan Verifikasi Blog di Alexa
- Cara Membuat Navigasi Breadcrumb, Pengertian dan manfaatnya bagi SEO Blog
- Cara Menganalisa Halaman Blog dengan SEO Tools
- Tips/Cara Memasang iklan di body / bawah judul postingan
- Mengenal Kode Tag HTML Dasar pada Web / Blog
- Tips dan trik Cara Membuat Bullets dan Numbering Tag HTML pada Posting Blog
- Cara Membuat Hiperlink Text pada postingan Blogspot
- Cara Membuat Link Gambar Berkedip di blogspot
- Tips Cara Menampilkan Kode HTML dalam Postingan Blog
- Cara Membuat Meta Tag HTML Agar Blog SEO Friendly
- Membuat Atribut HTML link pada Blogspot agar SEO Friendly
- Tips & Trik Cara Membuat Kode HTML Link Gambar pada Blogspo