. Apa itu Link... Link adalah sebuah text atau gambar yang menjadi perwakilan sebuah URL / Halaman Web. Apabila kita klik text atau gambar tersebut, maka kita akan dibawa ke sebuah URL / Halaman web yang menjadi tautan text tersebut . Bagaimana Membuat Link... Mari kita bahas sama – sama :
Kode HTML Dasar Untuk LINK
Kode HTML Dasar (syntax) untuk membuat link sangat simple sekali. Hanya dibutuhkan sebuah html tag yaitu<a>
dan menambahkan attribute href
di dalamnya. Kode lengkapnya yaitu :<a href="url">Anchor Text</a>
Penjelasan :
- kode
<a>
dan </a>
merupakan tag html untuk membuat link. -
href
, merupakan suatu attribute yang menunjukan tujuan link (URL). - Anchor Text merupakan perwakilan dari URL yang bisa berupa text (kata) atau gambar.
Contoh Dasar Cara Membuat Link.
Dari syntax (kode) dasar pembuatan link diatas, sekarang saya akan tunjukan bagaimana membuat suatu link. Misalnya :<a href="http://triks-iseng.blogspot.com">Triks iseng</a>
Dari contoh diatas menunjukan bahwa URL yang menjadi tujuan link adalah
http://kursus-blog.blogspot.com
dan yang menjadi anchor text nya yaitu Tutorial Blogspot
. Hasilnya, jika ditampilkan di web atau blog = Triks isengCara Membuat Link Terbuka di Jendela Baru
Setelah kita belajar dasar – dasar pembuatan link, sekarang kita belajar cara membuat link terbuka di jendela baru. Maksudnya? mungkin anda pernah mengalami ketika meng-klik suatu link, akan terbuka sebuah halaman baru dari web browser anda. Nah cara inilah yang saya maksud.Untuk membuat link terbuka di halaman baru, caranya cukup simple aja. Dari kode dasar pembutan link diatas, kita cukup menambahkan attribute
target
dan menambahkan value _blank
di dalamnya. Supaya lebih jelas, coba simak kode berikut :<a href="url" target="_blank">Tulisan anda</a>
Kode diatas merupakan contoh penerapan dari attribute target pada sebuah link. Sekarang kita terapkan kode tersebut ke dalam contoh pembuatan link.
<a href="http://triks-iseng.blogspot.com" target="_blank">Triks iseng</a>Hasil dari kode diatas adalah = Triks iseng. Coba anda klik link tersebut, maka akan terbuka sebuah jendela baru.
Cara Membuat Link pada Gambar
Untuk membuat link pada gambar, caranya simple banget tinggal tambahin aja kode HTML untuk menampilkan gambar yaitu tag
<img>
sebagai pengganti dari anchor text. Format nya sebagai berikut :<a href="url anda"><img src="url gambar anda"></a>
Kode yang saya tebalkan diatas merupakan kode dasar untuk menampilkan gambar. Lengkapnya semua kode diatas, merupakan kode dasar pembuatan link untuk gambar. Contoh penerapannya sebagai berikut
<a href="http://triks-iseng.blogspot.com" target="_blank"><img src="http://i54.tinypic.com/e7flab.jpg" border="0" alt="Image and video hosting by TinyPic"></a>
Silahkan klik gambar di bawah
Gimana....kalo udah ngerti,silahkan buat sendiri ya...
B.Cara Menghilangkan Tanggal Posting
Sebenarnya sih posting cara menghilangkan tanggal posting di blog sudah banyak diposting oleh master-master blogger,tapi daripada lupa apa salahnya sih aku posting ulang di blog ku ini....he.he.he,sebenarnya sih nggak menghilangkan cuma merahasiakan tanggal posting aja kok..oke langsung aja login ke Blogger
klik Rancangan,Edit HTML trus centang Expand Template Widget lalu cari kode
h2.date-header {
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;
margin:.5em 0 0;
padding:0;
font-size:75%;
color:#777;
Oke,sekian dulu ya postingan saya...moga-moga bermanfaat
5 komentar:
mantap gan tutornya
Tips dan Trik Komputer
Thank you
thx sob
Udah di coba gan , tapi gak work ya buat yg B.Cara Menghilangkan Tanggal Posting ?
Mantab
Posting Komentar