Sidebar Navigation Widget

Dah lama aku tidak pos kat blog ini memandangkan sibuk(entah apa yang sibuk entah)
Hari ini aku nak kongsikan satu lagi ilmu iaitu Sidebar Navigation Widget. Dengan menggunakan widget ini, korang boleh meminimumkan ruang di blog korang dan kelihatan kemas.

Korang boleh tengok gambar di bawah:-




Korang copy kod di bawah dan masukkan di dalam page element blog korang.
Layout>Add a Gadget>HTML/Javascript

<style type="text/css">
.sidebarnavbutton {
cursor: pointer;
cursor: hand;
margin: 1px;
padding: 2px;
background-color: #ffffff;
color: #000000;
border-style: solid;
border-width: 1px 2px 2px 1px;
border-color: #C0C0C0 #000000 #000000 #C0C0C0;
}
.sidebarnavbutton:hover
{
cursor: pointer;
cursor: hand;
margin: 1px;
padding: 2px;
background-color: #dddddd;
color: #000000;
border-style: solid;
border-width: 2px 1px 1px 2px;
border-color: #000000 #C0C0C0 #C0C0C0 #000000;
}
</style>
<script type="text/javascript">
//<!--
var sidebarid = 'sidebar';
var widgetClassPrefix = 'widget ';
var widgetClassDisqualifier = 'draggable-widget';
var blnsidebaraccordion = true;
// /-->
</script>
<script src="http://benfinnigan.com/js/sidebarnav.js" type="text/javascript"></script>


Setel...

p/s: Kalau ada masalah harap dimaafkan kerana tidak semua sidebar boleh berfungsi apabila dimasukkan widget ini.


Image Hosted by ImageShack.us

0 comments:

Post a Comment