Kali nie post saya lain sikit dari post2 sebelum nie. Sebenarnya saya mendapat permintaan tinggi pelawat yang meminta saya script atau code widget facebook & twitter yang boleh di 'slide out' di bahagian kiri website saya. Dari pemerhatian & pengalaman saya, belum ada lagi widget atau slideout yang sama seperti ini di Internet, oleh itu saya ingin berkongsi dengan anda script yang telah saya ubah suai ini.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js">
<script>
$(function(){
$('.slide-out-facebook').tabSlideOut({
tabHandle: '.handle',                //class of the element that will be your tab
pathToTabImage: 'http://i457.photobucket.com/albums/qq300/sifulan/facebook.png',   //path to the image for the tab (optionaly can be set using css)
imageHeight: '195px',                //height of tab image
imageWidth: '31px',                  //width of tab image    
tabLocation: 'left',                 //side of screen where tab lives, top, right, bottom, or left
speed: 500,                          //speed of animation
action: 'click',                     //options: 'click' or 'hover', action to trigger animation
topPos: '100px',                     //position from the top
fixedPosition: false                 //options: true makes it stick(fixed position) on scroll
});
});
$(function(){
$('.slide-out-tiwtter').tabSlideOut({
tabHandle: '.handle2',                //class of the element that will be your tab
pathToTabImage: 'http://i457.photobucket.com/albums/qq300/sifulan/twitter.png',   //path to the image for the tab (optionaly can be set using css)
imageHeight: '117px',                //height of tab image
imageWidth: '63px',                  //width of tab image    
tabLocation: 'left',                 //side of screen where tab lives, top, right, bottom, or left
speed: 500,                          //speed of animation
action: 'click',                     //options: 'click' or 'hover', action to trigger animation
topPos: '330px',                     //position from the top
fixedPosition: false                 //options: true makes it stick(fixed position) on scroll
});
});
</script>

.slide-out-facebook {
padding: 0px;
width: 360px;
background: #ffffff;
border: #3b5998 2px solid;
}
.slide-out-twitter {
padding: 0px;
width: 360px;
background: #f2f2f2;
border: #3b5998 0px solid;
} 

  
 
 
 
<a class="handle" mce_thref="/"></a>
<!-- Paste profile badge anda di bawah ruangan ini-->




<!-- FACEBOOK BADGE END-->
 
 
 
 
<a class="handle2" mce_thref="/"></a>
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 3,
  interval: 6000,
  width: 360,
  height: 300,
  theme: {
    shell: {
      background: '#32aee7',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#0055ff'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('sifulan').start();
</script>