Hallo Sob.. 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 akan ada banyak kode yang
harus dibagikan kepada pengunjung untuk diterapkan.
Selain fungsinya di atas, cara membuat 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:
1. Memakai cara sederhana dalam membuat 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 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">Blog1</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://post-griyoku.blogspot.com/2013/04/cara-membuat-situs-iklan-gratis.html/">cara bikin iklan gratis</a></li><li><a href="http://post-griyokuu.blogspot.com/p/cara-membuat-teks-berjalan-di-blog.html">Cara bikin tukisan berjalan</a></li><li><a href="http://post-griyokuu.blogspot.com/p/cara-membuat-anchor-text-dalam-kotak.html">Cara bikin texs dalam kotak</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 ( text )- Warna kuning = ganti dengan judul yang dikehendaki
b. bila berhasil, maka hasilnya seperti di bawah ini:
| Blog1 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Sekian Artikel mengenai Cara membuat 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
Tidak ada komentar:
Posting Komentar