Thursday, December 16, 2010

Menghemat Ruang Blog - Membuat Widget Scrolling Pada Blogger


Widget Scrolling biasanya berfungsi sebagai penghemat ruang pada suatu  blog. Contoh penggunaan Widget Scrolling ada pada blog ini pada bagian Go To Link.


Adapun langkah-langkah untuk membuat Widget Scrolling tersebut yaitu sebagai berikut:

Dari menu Layout pilihlah Page Elements kemudian tambahkanlah sebuah Widget baru pada bagian manapun di blog anda, pilihlah HTML/Javascript Widget lalu letakan kode dibawah ini didalamnya:
<center><div style="border: 1px solid rgb(151, 151, 151); overflow: auto; width:182px; height: 200px; text-align: center;" >
ISI CODE ANDA
</div></center>
<span class="Apple-style-span" style="font-size: x-small;"><a href="http://pisbon.blogspot.com/">Powered By FISHBONE</a></span>


Kode <center< yang berfungsi sebagai perataan bisa diganti sesuai kebutuhan menjadi <left< atau <right<

Untuk nilai height/tinggi dan width/lebarnya pun juga bisa disesuaikan sesuai dengan kebutuhan.

Apabila anda ingin menambahkan isi kedalam widget tersebut maka cukup tambahkan kode diantara <br /> dan <br /> contoh :

<div style="border: 1px solid rgb(151,   151, 151); overflow: auto; width: 210px; height: 260px; text-align:   left;" >
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://pisbon.blogspot.com/">Pisbon</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://id-tvonline.blogspot.com/">TV Online</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://www.ziddu.com/myfiles.php/">Ziddu</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://ndablong.blogspot.com/">X3 Pintu Dosa</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://fishbonec.blogspot.com/">Syuuur</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://retnosalon.blogspot.com/">Sexy</a>
<br />
&nbsp;&nbsp;&raquo;&nbsp;&nbsp;<a   href="http://www.4shared.com/">4Shared</a>
<br />
</div><span class="Apple-style-span" style="font-size: x-small;"><a href="http://pisbon.blogspot.com/">Powered By FISHBONE</a></span>
Simpan Widget dan lihatlah hasilnya sudah seperti apa hasilnya

No comments:

Post a Comment