Artikel Terkini

Friday, August 31, 2012

membuat link dengan berbagai variasi

0 comments
Tentu saja rekan blogger tahu bahwa blog tanpa link rasanya seperti makan tanpa lauk, artinya kurang lengkap. nah hari ini kita akan coba membuat link dengan menggunakan bahasa HTML yang nantinya dapat diterapkan pada blog kita.

Ada banyak jenis link yang dapat sobat terapkan, antara lain:
1. Link Teks
2. Link Gambar
3. Link Teks Berjalan
4. Link melayang, pojok kiri atas dan pojok kanan atas
5. Link melayang pojok kiri bawah dan pojok kanan bawah
6. dll

Nah dalam hal ini cerdaskom hanya berbagi 5 teknik saja yah.

1. Link Text
Untuk membuat link teks sangatlah mudah cukup kita mengetikkan:

<a href="http://www.cerdaskom.com/"> Cerdaskom</a>
Ganti tulisan berwarnah merah dengan alamat dan nama blog anda
<a href="http://www.cerdaskom.com/" target="_blank"> Cerdaskom></a>
Teknik ini akan membuka link pada halaman baru

Jika rekan blogger ingin membuat kumpulan banyak link seperti pada Top partner link milik cerdaskom, maka rekan blogger cukup menumpukkan kumpulan link seperti contoh dibawah ini:

<br /><a href="http://www.ilmugrafis.com/" target="_blank">Belajar Design Grafis</a>
<br /><a href="http://www.newsbisnis.com/" target="_blank">Jualan Online</a>
<br /><a href="www.sevenprimestore.com" target="_blank">chic and cheap shopping</a>
<br /><a href="http://www.solvo.co.id/" target="_blank">Ide Bisnis</a>

NB: Fungsi <br /> adalah untuk membuat 1 baris per link

2. Link Gambar
Membuat link gambar hampir sama dengan link teks hanya saja gambar harus sudah tersedia di internet, nah untuk memasukan gambar ke internet ada banyak cara dapat melalui picasa milik google atau langsung melalui blog atau dapat juga mencari gambar di google lalu klik kanan view image maka pada address akan muncul alamat site gambar.

Setelah mendapatkan alamat site gambar maka ketikan kode berikut ini:
<a href="http://www.cerdaskom.com/2012/02/jasa-pasang-iklan.html" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF0O2RoxFuq53R0Abc1uR8Mkg-k8i8OxyOTgVhtM5SVwI7p27ILPaRn3Z-HNLGPusEayF6GSr0NxkdI1CAkUrn5gHzb_29kaNUQfImsJUzY9awLB18ix-__sILWuhBzgXQRar2Co_Xn0bv/s1600/iklan.jpg"alt="Pasang iklan murah" border="0"  /></a>
Tulisan berwarnah merah ganti dengan alamat link jika gambar di klik
Tulisan berwarna biru ganti dengan alamat link gambar milikmu
Tulisan berwarnah coklat ganti dengan judul gambar, tujuan dari tulisan ini agar gambarmu dikenali oleh google ketika dilakukan pencarian menggunakan mesin pencari google

3. Link Teks berjalan:
Mengenai link teks berjalan sudah pernah saya bagikan, jika anda berminat mencobanya silakan klik disini http://www.cerdaskom.com/2012/03/membuat-link-berjalan.html

4 dan 5. Link Melayang Pojok kiri, pojok kanan, atas dan bawah juga sudah pernah dibahas oleh cerdaskom pada materi tips blogging atau silakan klik disini http://www.cerdaskom.com/2012/02/membuat-link-gambar-melayang.html

Mudah-mudahan bermanfaat, bagaimana komentar teman-teman blogger, sampai jumlah di materi Membuat label manual dengan bahasa HTML

Leave a Reply