Senin, 31 Desember 2012

Menambahkan Kotak Scroll di Posting Blog


 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 tingginyaganti 300 dengan ukuran lebar, ganti warna Orangedengan tulisan atau html


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:

 
Copyright © 2015 | Simple Dimensions Design by Wandi Naozumi All Rights Reserved