Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Cara Bikin Halaman Mempunyai Fungsi Scroll

untuk membuat halaman yang mempunyai fungsi scroll cukup mudah karena sobat tidaklah harus membuat kode yang banyak di blog, melainkan hanya sedikit kode untuk membuatnya. Penasaran seperti apa kodenya, ini dia yang di maksud.

<div style="overflow:auto;width:350px;height:150px; font-family:Helvetica;,font-size:16px; background:#E0E0E0; padding:5px;border:2px solid #000">
<ol>
isi halaman
</ol>
</div>

Contoh :

<div style="overflow:auto;width:350px;height:150px; font-family:Helvetica;,font-size:16px; background:#E0E0E0; padding:5px;border:2px solid #000">
<ol>
<li><a href="http://happy-ji.blogspot.com/2011/01/kontes-seo.html">Kontes SEO</a></li>
<li><a href="http://happy-ji.blogspot.com/2011/01/cara-mempercepat-loading-firefox.html">Cara Mempercepat Loading Firefox</a></li>
</ol>
</div>


Maka hasilnya akan seperti ini :

  1. Kontes SEO
  2. Perlunya Web Komunitas Event Organizer
  3. Cara Mempercepat Booting Windows XP
  4. Cara Mempercepat Loading Firefox
  5. Kemacetan Tak Kunjung Reda
  6. Cara Download Video YouTube
  7. Tips Berinternet Hemat Cepat dan Praktis
  8. Download Cepat Dengan DAP
  9. Waspada Bahaya Pencurian di Internet
  10. Cara Mempercepat Loading PC dengan Mengoptimalkan Virtual Memory


bila akan nambah link postingan tinggal tambahkan aja kode :

<li><a href="URL Postingan sobat.html">Judul</a></li>

Agar sedikit jelas.

Yang berperan besar dalam kode-kode diatas adalah yang ada dalam style.
Berikut adalah perintah-perintah yang di pakai :

overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
background:#E0E0E0; » adalah warna background, silahkan diganti sesuai selera sobat

Bila ada yang kurang jelas silahkan isi di kolom kementar ya !!!

HAPPY BLOGING ...!!!


This post first appeared on Belajar Seo, Internet Dan Komputer, Seo Blogspot,, please read the originial post: here

Share the post

Cara Bikin Halaman Mempunyai Fungsi Scroll

×

Subscribe to Belajar Seo, Internet Dan Komputer, Seo Blogspot,

Get updates delivered right to your inbox!

Thank you for your subscription

×