 |
| Scroll Text |
Scroll text adalah text yang berada di dalam kotak yang luas dan tingginya di batasi dalam ukuran tertentu sehingga untuk melihatnya hingga ke bawah dibutuhkan mouse scrolling. Trik ini lazim digunakan untuk menghemat ruang di dalam post body maupun sidebar, sehingga keseluruhan halaman yang dimuat oleh browser menjadi tidak terlalu panjang.
Oce langsung saja...
Untuk membuat gadged seperti biasa masuk dulu di Blogger.com ==> Design ==> add a gadged ==> HTML/JavaScript.
Isikan kode berikut
<div style="border: 2px solid lightblue; height: 80px; margin-left: 30px; overflow: auto; padding: 3px; text-align: justify; width: 300px;">
Scroll Text dengan ketinggian 80px, border berukuran 2px berjenis solid dan berwarna lightblue, dengan menggunakan overflow berjenis auto, text-align berjenisjustify (rata kanan kiri), dengan batas margin kiri sebesar 30px, padding sebesar 3px, dan memiliki luas sebesar 300px.</div>
Scroll Text dengan ketinggian 80px, border berukuran 2px berjenis solid dan berwarna lightblue, dengan menggunakan overflow berjenis auto, text-align berjenisjustify (rata kanan kiri), dengan batas margin kiri sebesar 30px, padding sebesar 3px, dan memiliki luas sebesar 300px.</div>
Ganti tulisan Berwarna Biru dengan tulisan kamu sendiri
Kalau untuk posting sama kok pakai edit HTML lalu copy kode di atas
Keterangan
Yang berwarna Merah adalah value atau ukuran border, tinggi, margin, padding, dan luas area. Anda dapat mengubahnya sesuai keinginan.
Yang berwarna Biru adalah tulisan yang nantinya akan kamu isikan pada Box teks Scroll
Text-align ( justify) bisa kamu ganti dengan : left, center, dan right.
Anda dapat mengutak-atik atribut-atribut di atas; bahkan menambah atau menghapus atribut yang tidak diperlukan, kecuali 3 atribut inti: height, overflow, dan width
Selamat Mencoba Semoga berhasil.
0 comments:
Post a Comment