LINK HTML CODES (kode HTML pada tautan)

           No comments   

Pengertian link
Link dalam web disebut juga hyperlink. link digunakan untuk memberi rujukan dokument lain ke dokumen yang dituju. Link biasanya digunakan untuk memberikan rujukan tautan, baik melalui gambar maupun melalui tulisan (text). Pengertian Link jika diartikan dalam bahasa indonesia disebut dengan Tautan.

 
Link adalah sebuah tautan berupa text atau gambar yang mengarahkan pada lokasi file atau halaman website lainya

Manfaat menggunakan link (tautan) untuk artikel blog.

Salah satu manfaat menggunakan link adalah tidak tercampur satu tema atau pembahasan dalam satu halaman dengan tema yang lain. dan dengan memanfaat penggunakan link tentu saja membuat pembaca lebih mudah memahami satu pembahasan.


Keterang cara membuat link di entri blog
  1. klik tombol link
  2. Text to display: Masukan tulisan atau teks sesuai keinginan
  3. Web address: Masukan link yang akan dituju. Contoh www.mas-tono.com
  4. Test this link: untuk melihat link yang dituju, apakah broken link atau tidak
  5. Open this link in a new window: ceklis jika ingin membuat link membuka tab baru.
  6.  Add 'rel=nofollow' attribute: untuk membuat format link nofollow atau dofollow
  7. Dan terakhir klik OK selesai.



Cara membuat teks yang mengandung link di blog

Untuk cara membuat teks yang mengandung link caranya sangat cepat dan mudah. jika teman teman pengguna blogger cukup ikuti langkah langkah berikut ini:
Langsung saja, dibawah ini beberapa contoh yang saya tahu;

1. Link Text (link dalam bentuk tulisan)
Dengan banyak membuat link text pada halaman utama website Anda maka akan lebih banyak memuat informasi yang Anda suguhkan.

Contoh:<a href="http://agustindwicahyanti.blogspot.co.id/">agustin</a>

Link diatas akan merujuk ke halaman website

2. Link image (link dalam bentuk gambar)
Selain text, gambar juga bisa dijadikan link untuk mengantarkan sebuah lokasi URL, bisa langsung menampilkan gambar saja dan bisa juga menggunakan text sebagai tautanya.

Contoh: <a href="http://agustindwicahyanti.blogspot.co.id/" target="_blank"> <img src="http://i1205.photobucket.com/albums/bb427/agustin/**theblackjadul**me.gif" width="120" height="80" border="0"/></a>

<img src="http://i1205.photobucket.com/albums/bb427/agustin/**theblackjadul**me.gif" width="120" height="80"><a href="http://agustindwicahyanti.blogspot.co.id/">agustin</a>

Gunakan URL gambar yang hendak Anda pasang dengan mengganti "http://i1205.photobucket.com/albums/bb427/agustin/**theblackjadul**me.gif" sesuai dengan URL image yang Anda punya! Seperti pada contoh di atas Saya menggunakan gambar yang saya upload di website www.photobucket.com.

* BACKGROUND HTML CODES (kode HTML latar belakang)

Halaman website jaman sekarang begitu banyak yang tampil cantik dan variatif, kiat ini pastinya bertujuan untuk memikat para pengunjung, mulai dari background warna warni, gambar, kelap kelip hingga musik dapat di nikmati sembari browsing.
Selain memanjakan mata, para pengunjung juga bisa jingkrak jingkrak menikmati alunan musik yang berputar selama mengakses website kita, mereka juga akan merasa betah dan berlama lama nongkrong sambil baca baca informasi yang tersedia, trust me..!!!
Berikut beberapa contoh kode html menyisipkan background:

1. Background image (latar belakang gambar)
Perlu di ingat bahwa memasang background image dapat memperbesar volume pada halaman website Anda hingga dapat memperlambat dalam memuatnya, jadi disarankan agar tidak memasang gambar yang berukuran besar sebagai latar belakang, tetapi semua terserah pada selera Anda.

Pertama siapkan gambar yang akan di embed kemudian copy link URLnya!
misalnya Saya akan memakai gambar yang saya upload di akun photobucket.com dan direct linknya adalah http://i1205.photobucket.com/albums/b***7/Imamsadja/smoke.jpg
Dan cara memasang kodenya setelah kode title

Contoh kodenya:
<!DOCTYPE html>
  <html>
  <!--Copyright 2013 By_agustin-->
  <head>
  <title>BELAJAR DASAR KODE HTML</title>
  <body style="background-image:url(http://i1205.photobucket.com/albums/b***7/Imamsadja/smoke.jpg)"></style>
  </head>
  ISI HALAMAN DISINI
  </body>
</html>

2. Backgroun Sound / Music (latar belakang suara)
Langkah yang pertama pastinya Kita harus punya file musik yang disimpan di akun internet dan kita ambil URLnya. Misalnya Saya akan memakai file musik "jason_mraz-geek_in_the_pink.mid" dari album musik pada akun saya.
Agar menghindari loading yang lama maka disarankan sebaiknya Kita gunakan file musik yang berjenis MIDI atau WAV karena pada umumnya jenis file musik ini berukuran rendah.
Langkah berikutnya Kita 'Copy' URL file musik yang akan Aku pakai tadi terus Kita 'Paste' diantara <head> dan <title> kemudian setelah di save kita coba buka dengan internet explorer karena mozilla firefox belum mendukung backgroud suara!.

Contoh codenya:
<!DOCTYPE html>
<html>
<!--Copyright 2013 By_agustin-->
<head>
<title>BELAJAR DASAR KODE HTML</title>
<bgsound src="http://mymusics/jason_mraz-geek_in_the_pink.mid" loop="-1">
</head>
ISI HALAMAN DISINI
</body>
</html>
 
 

0 komentar:

Post a Comment