cara membuat scroll bar di blogspot

Cara Mudah Membuat Scroll Bar di Blogspot. pada kesempatan kali ini saya akan posting tentang bagaimana membuat scroll bar di blog, anda ingin di blog anda rapi dan tidak acak-acakan??, dengan scroll bar semua bisa teratasi, di samping itu juga akan memudahkan pengunjung untuk mencari informasi lain di blog kita, scroll bar berbeda dengan pull-down atau text-area.,
sebenarnya apa sih scroll bar itu??

scroll bar adalah salah satu kode Html yang berfungsi membuat scroll (makna literal, gulungan).
Scroll bar dikenal juga dengan istilah handle
Contoh dari scroll bar lihat dibawah ini :

ARTIKEL BAGUS


Apa sih fungsi dari scrollbar?
Salah satunya adalah menghemat tempat dan membuat rapi tampilan blog kita.
Apa yang dapat di taruh di dalam scrollbar?
Apa saja. Seperti untuk menyimpan link-link artikel penting, bisa juga untuk menampilkan banner tukar link, terserah kamu deh mau naaruh apa di scrollbar (haha)
Bagaimana cara membuatnya?
Copy kode berikut dan letakkan di sidebar blog anda ( Tata letak ---> Tambah Gedget ---> Javascript/HTML)




<table width="120" border="1">

<tbody><tr> <th colspan="100%" scope="col" bgcolor="#F2F2F2">ARTIKEL TERKAIT</th> </tr><tr><td>

<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 150px; height: 200px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #EFEFFB;">
<a href="http://andik-ghoofi.blogspot.com/p/belajar-dari-alam.html">Belajar dari Alam</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/8-langkahkunci-menuju-kesuksesan-hidup.html">8 Langkah menuju kesuksesan hidup</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/18-kalimat-kenapa-seseorang-yg.html">18 kalimat kenapa sseorang mencintai kamu</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/aku-tak-selalu-mendapatkan-yang-kusukai.html">Aku tak selalu mendapat apa yang aku sukai</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/kisah-seekor-kupu-kupu.html">Kisah seekor kupu-kupu</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/jadilah-seperti-pohon-bambu.html">Jadilah seperti pohon bambu</a><br /><br />

<a href="http://andik-ghoofi.blogspot.com/p/bekerja-untuk-hidup-atau-hidup-untuk.html">Bekerja untuk Hidup atau Sebaliknya?</a><br /><br />


<li><a href="">  </a></li>

</div></div></td></tr></tbody></table></div>


penjelasan :
yang berwarna merah adalah judul dari scroll box,
yang berwarna biru adalah alamat URL yang akan di tuju,
sedangkan yang warna ungu adalah tulisan yang akan ditampilkan di dalam kotak scroll bar tersebut.
untuk mengganti warna background dan lain sebagainya silahkan sobat otak-atik sendiri sesuai keinginan sobat.
Cukup sekian dulu. Semoga bermanfaat bagi teman-teman blogger.
Share this article :
 
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Indahnya berbagi - Kesehatan Optimal - Hidup Bahagia - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger