Begini cara-nya :

• Pertama login ke blogger
• Pergi ke ---> Tata Letak
• Klik Di Tambah Gadget
• Pilih Html / Javascript
• Dan Copy Paste Kode yang dibawah ini : 
•  
• <script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/prototype.js" type="text/javascript"></script>
  <script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/effects.js" type="text/javascript"></script>
  <script src="http://www.iblogerz.5gigs.net/sliding-side-bar-left/js/side-bar.js" type="text/javascript"></script>
  <style>
  body{
  font-size:75%;
  }
  a{
  outline: none;
  }
  a:active{
  outline: none;
  }
  #sideBar{
  text-align:left;
  }
  #sideBar h2{
  color:#FFFFFF;
  font-size:110%;
  font-family:arial;
  margin:10px 10px 10px 10px;
  font-weight:bold !important;
  }
  #sideBar h2 span{
  font-size:125%;
  font-weight:normal !important;
  }
  #sideBar ul{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  }
  #sideBar li{
  margin:0px 10px 3px 10px;
  padding:2px;
  list-style-type:none;
  display:block;
  background-color:#DA1074;
  width:177px;
  color:#FFFFFF;
  }
  #sideBar li a{
  width:100%;
  }
  #sideBar li a:link,
  #sideBar li a:visited{
  color:#FFFFFF;
  font-family:verdana;
  font-size:100%;
  text-decoration:none;
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px;
  width:100%;
  }
  #sideBar li a:hover{
  color:#FFFFFF;
  text-decoration:underline;
  }
  #sideBar{
  position: fixed;
  width: auto;
  height: auto;
  top: 140px;
  left:0px;
  background-image:url(http://i49.tinypic.com/121abrq.jpg);
  background-position:top right;
  background-repeat:repeat-y;
  }
  #sideBarTab{
  float:left;
  height:137px;
  width:28px;
  }
  #sideBarTab img{
  border:0px solid #FFFFFF;
  }
  #sideBarContents{
  float:left;
  overflow:hidden !important;
  width:200px;
  height:320px;
  }
  #sideBarContentsInner{
  width:200px;
  }</style>
  <div id="sideBar">
  <div id="sideBarContents" style="display:none;">
  <div id="sideBarContentsInner">
  <h2>side<span>bar</span></h2>
  <ul>
  <li><a href="#">Link Satu</a></li>
  <li><a href="#"&gt;Link Dua</a></li>
  <li><a href="#">Link Tiga</a></li>
  <li><a href="#">Link Empst</a></li>
  </ul>
  </div> </div>
  <a id="sideBarTab" href="#"><img alt="sideBar" src="http://i46.tinypic.com/ao8h9u.jpg" title="sideBar"/></a>
  </div>
  
  Note :
  
  Berwarna beda    = Menandakan yang harus di ganti
  Warna merah =   Link tautan anda -> Text pilihan Anda.
  Semoga sedikit membantu . . .

Read More

Cara Membuat Efek Salju Pada Blog

Ikuti langkahnya di bawah ini :

1. Sign in di Blogger

2. Kemudian pilih layout ( Tata letak )

3. Tambahkan Elemen HTML / Javascript

4. Copy kode scipt dibawah ini :

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
/***********************************************

* Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
* Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
* Please keep this notice intact

***********************************************/
</script><a href="http://www.spiceupyourblog.com/2009/11/how-to-add-snow-falling-effect-to-your.html" target="_blank"><font size="1">Get snow effect</font></a> 

5.Jangan beri nama gadget ini agar terlihat indah diblog Anda
6.save

Read More