Membuat Kode Iklan Di Sisi Side BAR

Yang pasti ini tidak akan menggangu pengunjung blog kita!hehehehe!Langsung saja..

Masuk ke blogger kalian,rancangan,edit HTML dan jangan lupa save dulu biar aman...xixixi...lalu..

1.Cari kode ]]></b:skin>

2.Lalu copy kode di bawah ini diatas kode no 1



#infout{margin:0;padding:0;position:absolute;top:250px;left:0;width:320px;height:350px;z-index:100;overflow:hidden;}
#infout a,#infout a img{text-decoration:none;border:0;outline:0}
#infout a span{display:none}
#infout #judul{width:20px;height:350px;position:relative;left:0;z-index:102}
#infout a#tutup{position:absolute;background:transparent url(http://lh3.ggpht.com/_6-JIvzw7Lbs/TO6BMNhIrXI/AAAAAAAAABQ/r4s_MBsv5GM/s800/trans_pixel.gif);top:0;left:230px;height:25px;width:65px;cursor:pointer}
#infout a#buka{cursor:pointer}
#infout #wadah{position:absolute;top:10px;left:20px;margin-left:-300px;z-index:101}

3.Lalu cari kode </head>

4.Copy kode dibawah ini dan disimpan di atas kode no 3


<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script language='javascript' src='http://plugins.jquery.com/files/jquery.cookie.js.txt'/>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function() {
 var infoOut = "#infout";
 var infoBox = "#wadah";
 var infoLebar = $(infoBox).width() + $("#judul").width();
 var infoCookie = "infokuki";
 function bukaInfo() {
  $(infoOut).width(infoLebar+"px");
  $(infoBox).animate({marginLeft: "0"},1200)
  $.cookie(infoCookie, null);
 }
 function tutupInfo() {
  $(infoBox).animate({marginLeft: "-"+infoLebar+"px"},1200,"linear",
   function(){ $(infoOut).width($("#judul").width() + "px"); }
  );
  $.cookie(infoCookie,'closed',{expires: 28});
 }
 $("#buka").click(function() {
  if(!$.cookie(infoCookie)) {
   tutupInfo();
  } else {    
   bukaInfo();
  }
  return false;
 });
 $("#tutup").click(function() {
  tutupInfo();
  return false;
 });
 if(!$.cookie(infoCookie)) {
  $(infoOut).animate({opacity: 1.0}, 1500, "linear", bukaInfo);
 }
});
//]]></script>

5. Lalu cari kode </body>

6.Dan copy kode dibawah  ini diatas kode no 5


<div id='infout'>
 <div id='judul'>
  <a id='buka'><img src='http://i53.tinypic.com/2q0tt9k.jpg' width='20' height='350' alt='Buka Informasi'/></a>
 </div>
 <div id='wadah'>
  <a id='tutup' title='Tutup Informasi'><span>Tutup</span></a>
  <a href='http://joinonptc.blogspot.com' title='Welcome to joinonptc' target='_blank'><img src='http://i52.tinypic.com/15nkca9.jpg' width='300' height='330' alt=''/></a>
 </div>
</div>

7.Lalu Simpan

PS :

http://i53.tinypic.com/2q0tt9k.jpg ganti dengan gambar kalian kalian bisa paste kode ini dulu buat bisa dibkin ulang dulu di photoshop
http://i52.tinypic.com/15nkca9.jpg  ganti dengan gambar kalian kalian bisa paste kode ini dulu buat bisa dibikin ulang dulu di photoshop

Agar iklan tidak bergeser pada kode position:absolute  kalian ganti menjadi position:fixed






Hasil contoh ini bisa kalian lihat DISINI