Sidebar Yang Cantik

Eh eh..Sidebar tu amende?? Tak pernah dengo pon?? Sidebar tu macam ni

Kalau korang nak jugak buat macam tu ikut step ni

1. Mule-mule copy code ni

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px dashed       #FF99CC; border-top-left-radius: 30px 30px; border-top-right-radius: 20px 20px; border-bottom-left-radius: 30px 30px; border-bottom-right-radius: 30px 30px;"> 

ISILAH APA-APA YANG KORANG NAK  

 </div>

2. Pastu, pergi ke Dashboard > Layout > Add Gadget > HTML/Javascript dan paste  
    code tadi kat situ

3. Dahtu, Save la

*Kat tengah-tengah code tu korang letak la iklan ke,shoutbox ke profile pon boleh
*Yang warna biru tu warna background..kalau tak suka warna putih tukar je la
*Yang warna ungu tu warna sidebar ikut korang la nak warna apa

Kalau nak code warna tekan >>SINI<<

Pendek jer step dia..Jangan risau la pasal tak jadi tu..Confirm jadi..Tapi apa-apa pun kalau dah buat tu bagitau la erk

---

Takkan Tengok Jer??

---

Letak Iklan Nuffnang

Kalau korang pergi mana-mana blog mesti ada yang letak iklan Nuffnang kan?? Kalau korang nak letak jugak boleh ikut step ni..

1. First, korang tekan >>SINI<< 

2. Pastu, korang daftarlah korang punya blog

3. Lepas korang isi apa yang patut, korang tekan macam yang kat bawah ni..

4. Sekarang ni korang boleh nampak perkataan ADD BLOG..So, korang tekan menda tu 
    and isi apa yang patut

5. Kat bahagian placement tu korang pilih la nak letak kat mana

6. Dah siap sume menda tu  korang klik kat SURVEY dan SAVE CHANGES

7. Dekat belah kanan tu korang klik ADD AD UNIT and ikut je step kat situ.. Kat situ dah        ada step macam mana nak letak iklan tu kat dalam blog

HANYA UNTUK IKLAN JENIS SKYSRAPPER

1.  Mula-mula korang copy kod yang ada kat AD TYPES 

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

3. Kat situ,korang paste korang punye kod tu dan save


Bukan main panjang step dia tapi senang je kan?? Kalau dah jadi bagitau tau...Bye
 

---

Takkan Tengok Jer??

---

Hide Shoutbox/ Cbox

Hari ni nak buat ape erk?? Ha, tau dah!! Hari ni nak bagi Hide Shoutbox Freebies.. Nak tak?? Kalau nak tengok kat bawah..

 

  http://i1090.photobucket.com/albums/i377/qifanys/shoutbox.png

 

http://i1142.photobucket.com/albums/n619/ienatecik/shoutbox-kitty.png

 http://i424.photobucket.com/albums/pp323/lune-cantabile/Sidebar/shoutbox.jpg

  

 http://i1027.photobucket.com/albums/y331/zaslovely/belog.jpg

 

  http://i891.photobucket.com/albums/ac114/miszsnowgurlz/miszsnowgurlz.png

 Kalau suka ambik la..Bye!!

---

Takkan Tengok Jer??

---

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??

---