Terkadanga kita butuh melakukan penghematan ruangan yang ditampilkan dalam blog, adapun salah satu cara untuk melakukan penghematan ruangan tersebut adalah dengan cara membuat kotak scrol.selain tulisan ,dalam kotak scrol ii juga bisa disisipkan scrip / link suatu halaman. kotak scroll juga dapat digunakan untuk bertukar link. adapun cara untuk membuat kotak scrol tersebut adalah seperti berikut ini
1. seperti biasa, sebelumnya anda harus masuk dulu ke daskboard Blog anda.
2. Selanjuatnya anda copy paste Code di bawah ini di postingan, laman baru, maupunhtml/javascript
<center>
<div style="font: 16px/26px Arial,Helvetica,sans-serif; height: 120px; overflow: scroll; width: 300px;">
Tulisan yang anda masukan dalam kotak scroll isikan disini
Tulisan yang anda masukan dalam kotak scroll isikan disini
Tulisan yang anda masukan dalam kotak scroll isikan disini
Tulisan yang anda masukan dalam kotak scroll isikan disini </div>
</center>
Keterangan : ganti 120 dengan ukuran tingginya, ganti 300 dengan ukuran lebar, ganti warna Orangedengan tulisan atau html
contoh hasilnya
contoh hasilnya
Tulisan yang anda masukan dalam kotak scroll isikan disini Tulisan yang anda masukan dalam kotak scroll isikan disini Tulisan yang anda masukan dalam kotak scroll isikan disini Tulisan yang anda masukan dalam kotak scroll isikan disini
Atau menggunakan kode berikut
<div style='padding: 5px; overflow: auto; width: auto;height:200px;border:1px solid #000000'>
Simpan tulisan agan atau apapun disini.
(Tulisan ditulis di mode Compose, sedangkan kode di tulis pada mode Edit HTML)
</div>
Yang hasilnya akan menjadi seperti ini
Simpan tulisan agan atau apapun disini.
(Tulisan ditulis di mode Compose, sedangkan kode di tulis pada mode Edit HTML)
Sekarang tinggal kamu ubah ukuran tinggi lebarnya, oke selamat mencoba..
Artikel Terkait:
Tutorial
- Cara Masuk Safe Mode Windows 8/8.1
- System Restore : Mengatasi "Black Screen" di OS Windows 7/8/8.1
- Cara Backup/Restore Bookmark di Google chorme & Mozilla firefox
- Cara Download File Torrent Dengan IDM
- Cara Download Video di Youtube
- Menghapus Virus Shortcut di Flashdisk dan komputer
- Cara Mematikan Autorun Windows 7
- Membuat File Autorun
- Mencegah Virus Dengan Mendisable Autorun Pada Windows XP
- Memasang Energy Saving Mode dengan Gambar
Belajar Desain Blog
- Cara Menonaktifkan Fungsi CTRL-C,A, dan U Pada Blog
- Mempercepat Loading Blog
- Cara Membuat Widget Label Dua Kolom
- Membuat Read More Otomatis
- Cara MengUpload File Js/Java Script di Google Code
- Memasang Energy Saving Mode dengan Gambar
- Membuat Spolier di Posting Blog
- Pilihan Label Cloud Keren
- Memasang Widget Cumulus Label Cloud Dengan Mudah
