Saturday, April 28, 2012

Cara Mudah Membuat Scroll Bar di Blogspot

 Membuat Scrollbar scroll bar

Cara Mudah Membuat Scroll Bar di Blogspot. Sahabat Info Sinta semuanya, anda ingin di blog anda rapi dan tidak acak acakan, dengan scrool bar semuanya bisa teratasi, disamping itu juga memudahkan pengunjung untuk mencari informasi lain di blog kita, Cara Membuat Scrollbar di halaman utama blog Blogger atau Wordpress. Scrollbar berbeda dengan pull-down atau text-area.

Baca Juga
Apa itu scrollbar?

Scrollbar adalah satuan kode html yang berfungsi membuat scroll (makna literal, gulungan). Scrollbar dikenal juga dengan istilah handle.

Contoh, lihat gambar bawah. Live demo lihat di halaman situs ini di bawahnya Featured Slider (gambar bergerak).

Scrollbar

Apa fungsi dari Scrollbar?

Untuk menghemat tempat.

Apa yang dapat ditaruh di dalam scrollbar?

Apa saja. Seperti untuk menyimpan link-link artikel penting seperti di blog ini supaya cepat terlihat oleh pengunjung. Bisa juga untuk menampilkan banner tukar link.

Di mana menaruh scrollbar?

Di mana saja. Umumnya di sidebar blog seperti di blog ini.

Bagaimana cara membuatnya dan di mana menaruhnya?

1. Copy kode berikut dan letakkan di sidebar blog Anda (Desain -> Elemen -> Javascript/HTML).

  1. <div style="overflow:auto;width:90%;height:150px;padding:20px;margin-bottom:10px">  
  2. <ol><li><a href="http://www.alkhoirot.net/2011/05/mengapa-santri-harus-menulis.html">Mengapa Santri Harus Menulis?</a></li>  
  3. <li><a href="http://www.alkhoirot.net/2011/05/menulis-itu-tradisi-intelektual.html">Menulis adalah Tradisi Intelektual</a></li>  
  4. </ol></div>  

2. Ganti link tersebut dengan link Anda. Atau dapat juga di isi dengan teks info dan pengumuman atau kutipan, dll.

beri komentar anda tentang blog ini
EmoticonEmoticon