Cara Membuat Anchor Text dalam Kotak
Cara membuat anchor text dalam kotak – Cara baru memasukkan link didalam kotak – Cara mudah menghemat halaman posting dengan memasukkan beberapa kalimat ke dalam teks area merupakan salah satu tutorial lagi dari cara baru andie yang akan saya bagikan kepada anda semua.
Untuk menghemat ruang dari artikel, banyak para blogger dan webmaster menggunakan text area untuk sedikit meringkat kode script dan panduan lain. Biasanya cara ini banyak digunakan oleh para blogger yang mempunyai website berupa tutorial dalam pengeditan kode CSS, kode script dan HTML karena memang pada tutorial tersebut aka nada banyak kode yang harus dibagikan kepada pengunjung untuk diterapkan.
Selain fungsinya di atas, cara membuat anchor text dan penghematan ruang artikel ini biasanya juga sering kita jumpai pada beberapa website / blog yang memiliki link exchange. karena yang bertukar link dengan blog tersebut banyak, maka cara baru ini adalah solusi untuk meringkasnya menjadi kecil tetapi tetap memiliki isi yang sama. Berikut akan saya bagikan 2 cara dalam menerapkan cara baru andie kali ini:
Cara membuat anchor text dalam kotak
1. Memakai cara sederhana dalam membuat anchor text di dalam kotak
a. Masukkan kode script ini pada mode HTML
<div style="border: 1px solid rgb(100, 100, 100); height: 100px; overflow: auto; padding: 10px; text-align: justify; width: 200px;">Tuliskan kata, kalimat, masukkan link, menu, atau apapun terserah anda disini</div>
Keterangan :- Warna Merah = Ganti dengan link, menu atau text yang mau Anda ingin masukkan kedalam kotak- Warna Biru merupakan angka pada height dan weight = Anda dapat merubah panjang dan lebar bisa disesuaikan
b. Jika berhasil, maka akan Nampak seperti berikut :
Tuliskan kata, kalimat, masukkan link, menu, atau apapun terserah anda disini
2. Memakai cara yang lebih cantik dalam membuat anchor text di dalam kotak
a. Masukkan kode script ini pada mode HTML
<div align="center"><table border="4" style="width: 200px;"><tbody><tr> <th colspan="100%" scope="col">Andie Shinigami Jilid 2</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://cara-baru-andie.blogspot.com/">Cara Baru Andie</a></li><li><a href="http://cara-baru-andie.blogspot.com/2013/04/cara-baru-supaya-artikel-cepat-terindex-google.html">Cara Baru Supaya Artikel Cepat Terindex Google</a></li><li><a href="http://cara-baru-andie.blogspot.com/2013/04/cara-baru-mengetahui-tingkat-seo-blog.html">Cara Baru Mengetahui Tingkat Seo Blog</a></li></ul></div></div></td></tr></tbody></table></div>
Keterangan :- Angka pada height dan width= ukuran panjang dan lebar yang bisa anda sesuaikan sesuai kebutuhan- Warna merah = alamat URL yang ingin Anda masukkan- Warna biru = nama url yang diinginkan ( Anchor text )- Warna hijau = ganti dengan judul yang dikehendaki
b. bila berhasil, maka hasilnya seperti di bawah ini:
| Andie Shinigami Jilid 2 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Sekian Artikel mengenai Cara membuat anchor text dalam kotak yang dapat saya bagikan untuk Anda pada kesempatan kali ini. Semoga bisa menjadi referensi dan bermanfaat bagi semua. Terima kasih atas kunjungannya dan sudi menyimak tulisan saya ini.
