Rabu, Oktober 13, 2010

Link pada sebuah blog ditandai dengan penggunaan tag "a" dengan bentuk kode HTML seperti di bawah ini:
<a>Text Link atau Image Link</a>
Sebuah atau beberapa buah link berfungsi untuk membuka sebuah dokument baru, baik yang ada di bog itu sendiri ataupun yang bearada di blog/web yang lain. Link juga bisa dimanfaatkan untuk berbagai kepentingan persahabatan, komunikasi atau jalinan hubungan yang saling menguntungkan antar sesama blogger, dengan situs-situs jejaring sosial, layanan promosi blog serta beberapa kepentingan lainnya. Menggunakan link sebagai cara untuk menjalin hubungan yang menguntungkan sesama blogger dilakukan melalui link exchange atau banner exchange yang bertujuan untuk saling mempromosikan blog.

D E M O Text Link dan Image Link

Setiap kali KLIK berhadiah tunai Rp.1000,00.!
Menggunakan link untuk membuka sebuah dokumen yang masih terdapat di dalam blog/web ditujukan supaya para pengunjung blog lebih mudah untuk membuka beberapa dokumen yang ada di dalam blog dengan cukup meng-klik sebuah text link atau image link yang dipasang sebagai tanda bahwa pada posisi tersebut terdapat sebuah link. Penanda link biasanya berupa perubahan yang terjadi pada mouse/cursor (menjadi berbentuk tangan-pointer dan beberapa bentuk yang lain), perubahan warna pada teks, munculnya sebuah background atau perubahan background text link atau bahkan bisa dilakukan dengan memberikan sebuah kode tambahan yang berupa kode CSS atau javascript, sehingga ketika sebuah link tersentuh cursor maka terlihat sebuah tooltip. Melihat dari fungsi dan kegunaan sebuah link, maka sudah selayaknya semua blogger memahami cara membuat teks link dan image link.

Contoh bentuk Teks Link dan Image Link


Text Link


Contoh-1:
<a href="http://tantytm.blogspot.com/">Tanty Template Modification</a>

Contoh-2:
<a href="http://tantytm.blogspot.com/2010/10/cara-kilat-buat-horizontal-tab-menu-di.html">Cara Membuat Horizontal Tab Menu</a>

Contoh-3:
<a href="http://1.bp.blogspot.com/_7qeJ6kE1dEI/SoR21PJWzLI/AAAAAAAAAAc/NYmAQXU0wpw/S1600-R/images.jpeg">Indian Apache</a>

Dalam bentuk yang lain, sebuah link dibuat dengan menambahkan title yang nantinya akan muncul sebagai tips.
<a href="http://tantytm.blogspot.com/" title="Panduan dan Tutorial Blogger>Tanty Template Modification</a>

Image Link


Image link tidak menggunakan teks sebagai penanda link, akan tetapi memanfaatkan sebuah gambar/images. Penggunaan gambar biasanya bertujuan untuk membuat blog menjadi terlihat menarik sekaligus diharapkan membuat pengunjung semakin tertarik juga untuk meng-KLIK link yang di tampilkan. Supaya beban blog tidak terlalu berat sebaiknya penggunaan sebuah image link di batasi pada gambar yang bebannya kecil (dalam pixel).

Contoh Image link :
<a href="http://gubhugreyot.blogspot.com/"><img src="http://i49.tinypic.com/295t7t/tantytm/images/loading.gif" /></a>

Gambar yang kita gunakan sebagai image link adalah pada kode HTML di atas adalah:
<img src="http://i49.tinypic.com/295t7t/tantytm/images/loading.gif" />

Silahkan anda gunakan berbagai gambar untuk menggantikan link gambar seperti yang terlihat di contoh tersebut di halaman posting atau di bagian manapun dalam blog seperti misalnya ditambahkan melalui "widget HTML/Javascript" (Add a Gadget/Tambah Gadget).

Untuk menampilkan sebuah link supaya terlihat lebih atraktif, beberapa blogger menambahkan kode CSS baru atau javascript seperti misalnya membentuk sebuah link dengan fade effect (link pelangi-rainbow link) atau memberi background animasi gif, sehingga ketika mouse berada di atas link akan terlihat sebuah background animasi yang cantik. Dalam perkembangan terakhir, dengan hadirnya CSS3, fade effect pada sebuah link tak perlu lagi menggunakan javascript. Meskipun dengan penampilan yang tak sehebat rainbow link, CSS3 bisa memberi tampilan baru bagi link dengan cukup baik.

Membuat Link untuk membuat sebuah dokument terbuka di jendela baru (open in new window/opan in new tab


Untuk membuat sebuah link mampu membuat dokumen terbuka di jendela baru, kita cukup tambahkan kode target="_blank" dengan bentuk seperti contoh berikut.
<a href="http://tantytm.blogspot.com/" target="_blank" >Tanty Template Modification</a>

Dengan penambahan sedikit kode tersebut, maka ketika seorang pengunjung/pembaca blog meng-klik link, maka dokumen akan terbuka di jendela yang berbeda.

Semoga bermanfaat!

Happy Blogging ....!


Tutorial Menarik Lain


Anda bisa mengikuti tutorial blogger yang super lengkap dan berisi ratusan tutorial dengan bahasa yang gampang dipahami lengkap dengan berbagai desain cantik CSS3 dengan membuka link di bawah ini:

Related Posts

0 komentar:

Silahkan untuk menuliskan komentar di sini :

Apapun komentar yang anda berikan merupakan spirit bagi kami untuk terus berkarya . . . - Terima Kasih ! -

 
Tantytm | Edited by | Tanty Template Modification