Minggu, 07 Oktober 2012

Cara Membuat Scroll Box DiBlog



Cara Membuat Scroll Box DiBlog - 
Pasti anda pernah melihat Scroll Box saat blogwalking, dan ingin 
membuatnya juga. maka dari itu kali ini saya akan jelaskan caranya. 
Sedikit penjelasan dulu tentang fungsi Scroll Box DiBlog
Fungsi Scroll Box yaitu agar semua artikel kita bisa dilihat dalam 1 box, 
oleh orang lain, dan memudahkan pengunjung untuk mencari artikel yang 
sedang dia cari/dibutuhkan. yang paling penting fungsi menggunakan Scroll Box 
adalah untuk menghemat tempat diblog. 

Langsung saja tutorialnya : 
1.Log in ke BLOG
2.Pilih Tata Letak
3.Klik Tambah Gadget
4.Lalu Pilih HTML/JavaScript
5.Copy kode dibawah ini dan paste dikotak HTML/JavaScript

 <div align="center">
<table width="150" border="1">
<tr> <th colspan="100%" scope="col"bgcolor="#F2F2F2">Kategori</th> </tr><tr><td>
<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 290px; height: 200px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #EFEFFB;">

<ul>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>

</ul></div></div></td></tr></table></div>


Catatan: tulisan yang berwarna merah ganti dengan url label/post diblog anda. 
sedangkan yang berwarna biru ganti dengan judul label/post diblog anda.
jika ingin merubah lebar ganti 290px dengan (terserah anda)
jika ingin merubah tinggi ganti 200px dengan (terserah anda)

6.Klik Simpan

Silahkan Cek diblog  anda apakah sudah ada Scroll Box atau belum.. ?
jika sudah ada maka saya ucapkan selamat ^_^

Semoga Bermanfaat
......................

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...