Hide Shoutbox/ Cbox

Today, I would like to give you a tutorial about Hiding Shoutbox.. Whaaaahh... saya speaking!! Haha hari ni saya mereng sikit..hehe..tapi pasal nak bagi freebies tu memang betul ,kay kang tak pasal-pasal chau dari..Kesianlah kat saya..Eh eh..melalut-lalut pulak saya ni..Kalau korang nak hide korang punye shoutbox or cbox korang boleh ikut tuto ni, okay!!

1. Buka Dashbard >Layout >Add Gadget > HTML/Javascript

2. Then, copy code ni

    

    <style type="text/css">

    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:180px;
    width:150px;
    float:left;
    cursor:pointer;
    background:url('IMAGE URL') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #00000;
    background:#F5F5F5;
    padding:10px;
    }
    </style>

    <script type="text/javascript">
    function showHideGB(){
    var gb = document.getElementById("gb");
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
    gb.opened = !gb.opened;
    }
    function moveGB(x0, xf){
    var gb = document.getElementById("gb");
    var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
    var dir = xf>x0 ? 1 : -1;
    var x = x0 + dx * dir;
    gb.style.right = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
   </script>
   <div id="gb">
   <div class="gbtab" onclick="showHideGB()"> </div>
   <div class="gbcontent">

   YOUR SHOUTBOX CODE OR CBOX

   <div style="text-align:right">
   <a href="javascript:showHideGB()">
   [close]
   </a>
   </div>
   </div>
   </div>
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.right = (140-gb.offsetWidth).toString() + "px";
   </script>

 4. Pastu, paste kat tempat add gadget tu erk and Save

 *Yang warna merah tu letak url gambar yang korang nak

 *Yang warna biru korang letak code shoutbox or cbox  

Selamat Mencuba!!

  

---

Takkan Tengok Jer??

---

Header

Haha..Hari ni tiba-tiba terasa macam baik pulak.. sekarang saya nak bagi header free kat korang.. Header ni saya cari kat Photobucket tau..so, kalau tak nak yang ni boleh la cari kat >>SINI<<


 

  http://i100.photobucket.com/albums/m21/arjlyon/BLog/header.jpg

  http://i149.photobucket.com/albums/s57/Fetish-Inc/header.png

 

 http://i1151.photobucket.com/albums/o623/fifidalila/f49b5e89.png

 http://i172.photobucket.com/albums/w12/mahisslp/Blog%20pics/Shot-Through-The-Heart-Header_zpsb5ab279b.png

*Kalau yang ni pandai-pandai la edit kat Photobucket

Banyak ni je yang saya boleh letak.. Sebenarnya ada banyak lagi tapi malas nak cari..Huahua..Tu je kot..SAYONARA!!

 

---

Takkan Tengok Jer??

---

Letak Header

Huhu.. Bosan gila harini.. Tiba jer tak der kaitan lalu.. Haha.. Untuk pengetahuan korang tuto ni untuk newbies.. Tapi kalau korang nak tengok-tengok pun tak per..Hehe

1. First, korang pergi kat Dashboard >Layout

2. Sekarang korang boleh nampak mende ni dan tekan kat anak panah tu..

  

 3. Pastu, nanti akan keluar mende ni..Jangan lupa tekan kat anak panah tu

  

4. Dah tekan dah?? Kalau dah korang boleh pilih gambar header yang korang nak, okay..

5. Lastly, Save lah..

Dah siap.. Yahoo.. Beria la pulak..Hehe

    

---

Takkan Tengok Jer??

---

Scroll To The Top

Ari ni sangat-sangat la bosan..So, saye nak buat tuto ni sebab rasenye kalau takde mende ni tak lengkap blog kite..Agaknyelah..Kalau nak ikut tuto ni ikut betul-betul takut salah plak nanti..

 1. Copy code kat bawah ni dulu..

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- &#169; Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="YOUR IMAGE URL" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

2. Then, korang pergi ke Dashboard >Layout >Add Gadget > HTML/Javasript

3. Paste code tadi kat situ dan Save

Siap..sekejap jekan..Tuto ni senang je confirm jadi..Selamat Mencube!!

 

---

Takkan Tengok Jer??

---

Buat Ayat Bergerak Atas Menu Tab

      Ha?? Mane ayat bergerak tu?? Korang nampak x ade mende bergerak kat atas tu?? Ha..tulah mendenye.. Sape yang nak buat boleh ikut tuto ni, okay..      

1. Mule-mule, korang copy code ni..

<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://c.gigcount.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyOTE4OTA3ODU3NjEmcHQ9MTI5MTg5MDgwNDcwOCZwPTc2MTcxJmQ9TWFycXVlZSUyMEdlbmVyYXRvciZnPTE=.gif" /><marquee style="background-color:FFDDFF; border: 1px solid DDBBDD; color:000000; font-family:verdana; font-size:15pt; width:700px; height:50px; " direction="left" behavior="scroll" scrollamount="5" >AYAT SENDIRI</marquee>

2. Then, korang pergi ke Dashboard >Layout >Add Gadget > HTML/Javascript

3. Kat situ korang paste kod tadi and Save

4. Pastikan korang buat kat layout tu kat bawah Header kay!! 

* Yang warne ungu tu korang boleh tukar nak ke kiri atau ke kanan
* Yang warne merah plak korang tulislah ayat korang

Haaa..senang je kan..try la nanti..

---

Takkan Tengok Jer??

---

Letak Lagu Dalam Blog

Hai everybody...you you and you..pandang sini..Tuto ini dibuat khas untuk New Blogger..So, sape-sape yang tak tau nak letak SCM Music Player boleh ikut tuto ni..Kalau tak nak tak payah bace..Anda paham?? Kalau dah paham baguslah..HeHe..:3

1. First of all..  Korang tekan >>SINI<< 

2. Lepas korang tekan, korang boleh nampak macam-macam warne music player,kan?? 
    So,korang pilihlah warne yang korang suke,kay.. Then, korang tekan Next..
     
3. Korang nampakkan ade ruang kosong kat bawah tu kan.. Kat situ korang letak la 
    your Song Title and Song URL.. Lepas dah siap tu, korang tekan Next
   

4.  Sekarang, korang akan berade di Configure Setting.. korang tick kat Auto Play and 
     setkan kuat mane volume yang korang nak.. 

5.  Dah siap ubah?? Kalau dah,korang boleh tekan Done and copy code yang ade kat situ
       

 
                      And now, kite kene buat kerje paste mengepaste plak..
 

1. Pergi ke Dashboard > Layout > Add Gadget > HTML/Javascript

2. Paste code tadi kat situ

3. Lastly, Save..

Senang je kan?? Kalau dah jadi bagitau lah saye erk.. Babai..Audios!! 

---

Takkan Tengok Jer??

---