Rabu, 05 Desember 2012

2 Cara Mudah Membuat Link didalam Kotak

2 Cara mudah membuat link dalam kotak – Cara memasukkan link didalam kotak – Tutorial menghemat halaman dengan memasukkan menu kedalam kotak area. Cara membuat blogroll
Cara daam membuat blogroll 
Berjumpa lagi dengan saya Andie Shinigami yang pada kesempatan kali ini akan mencoba membagikan 2 cara dalam membuat dan memasukkan link aktif kedalam kotak agar menghemat ruang dalam halaman dan memperindah tampilan halaman. cara ini berbeda dengan postingan saya beberapa waktu yang lalu mengenai Cara Cepat Membuat Text didalam Kotak, karena dahulu merupakan text area saja, artinya yang didalam kotak tersebut hanya berupa text atau sekedar huruf – huruf yang tidak mempunyai link aktif dan tidak bisa ditambahi hyperlink. Beda dengan artikel yang akan kita bahas kali ini, karena tulisan yang kita masukkan kedalam kotak mengandung link aktif yang bisa diakses bila kita klik. Biasanya cara ini sering kita jumpai pada daftar link exchange.
Berikut ini 2 cara dalam membuat link – link yang kita hendaki masuk didalam kotak:

1. Memakai cara simple

Masukkan kode script ini pada mode HTML
<div style="border: 1px solid rgb(255, 255, 255); height: 170px; overflow: auto; padding: 10px; text-align: justify; width: 260px;">
MASUKKAN LINK, MENU, ATAU APAPUN DISINI seperti <a href="http://andieshinigami.blogspot.com/">Andie Shinigami</a>
</div>
bila berhasil, maka hasilnya :
MASUKKAN LINK, MENU, ATAU APAPUN DISINI seperti Andie Shinigami
Keterangan :
Warna Merah = Ganti dengan link yang mau kalian masukkan dalam kotak
Angka pada height dan weight = panjang dan lebar bisa disesuaikan
Contoh penerapan dari cara diatas bisa kalian lihat di footer homepage saya yang berjudul “link lain”
 
 

2. Memakai Cara mudah tapi elegan

Masukkan kode script ini pada mode HTML
<i></i>
<div align="center">
<table border="4" style="width: 200px;"><tbody>
<tr> <th colspan="100%" scope="col">Andie Shinigami</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; height: 80px; overflow: scroll; width: 200px;">
<div style="overflow: hidden; padding: 0 px; text-align: center; width: 100%;">
<ul>
<li><a href="http://andieshinigami.blogspot.com/">Andie Shinigami</a></li>
<li><a href="http://www.google.com/">Google</a></li>
<li><a href="http://www.blogger.com/">blogger</a></li>
<li><a href="http:// http://www.ptcbox.com/?rid=276682">Duit dari PTC Box</a></li>
</ul></div></div></td></tr></tbody></table></div>
 
bila berhasil, maka hasilnya :
Keterangan :
Angka pada height dan width= ukuran panjang dan lebar
Warna merah = alamat URL yang ingin dimasukkan
Warna biru = nama dari alamat url 
Warna hijau = ganti dengan judul yang dikehendaki
Contoh penerapan dari cara diatas bisa kalian lihat di footer homepage saya yang berjudul “tamuku”
 
Demikian 2 Cara mudah membuat link dalam kotak yang bisa saya share kali ini. Semoga bisa membantu dan bermanfaat bagi semua. See you later and hasta la vista baby.


































1 komentar: