MEMBUAT IKLAN MELAYANG

Halo,, sobat blogger semuanya........

Kali ini akan saya jelaskan tentang promosi iklan. Mengapa promosi iklan ? karena sesuai judulnya.. Iklan melayang ini saya rasa perlu untuk meyakinkan dan memudahkan audience kita melihat iklan kita.. tanpa terhalangi oleh apapun juga..hehe. (Audience adalah sumber uang kita) "kata para blogger ternama".

Nah, ketika saya jalan jalan di blognya mas Ari, tiba-tiba saya lihat postingan ini dan langsung tertarik untuk melaksanakannya. sekalian posting deh. izin posting ya mas Ari....

Iklan melayang ini sistemnya adalah dengan menampilkan iklan seketika ketika blog/web kita di buka oleh seseorang.. tetapi iklan akan hilang ketika kita menutupnya (jelas)....Nah, dengan iklan ini kan si audience dengan mudah melihat iklan kita tanpa harus terhalangi oleh apapun,, seperti yang saya jelaskan di atas.

Langsung saja,, ikuti ajaran-ajaran di bawah ini..

1. Masuk blogger dengan akun masing-masing tentunya.
2. Kemudian, masuk ke menu rancangan Edit HTML. di dalam menu tersebut kita cari kode </head>
3. Kemudian masukkan kode-kode di bawah ini tepat di atas kode </head>\
   
   <style type="text/css">
   #topbar{
   position:absolute;
   border: 1px solid black;
   padding: 2px;
   background-color: lightyellow;
   width: 620px;
   visibility: hidden;
   z-index: 100;
   }
   </style>
   
   
4. Setelah memasukkan script-script di atas langsung saja klik simpan.
5. Kemudian, masuk ke Elemen Laman. Tambahkan gadget baru dengan type HTML JAVASCRIPT.
6. Lalu langsung COPAS(Copy Paste) script di bawah ini.
   
   
   <script type="text/javascript">
   
   
   /***********************************************
   * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
   * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
   * This notice must stay intact for legal use.
   * Visit http://www.dynamicdrive.com/ for full source code
   ***********************************************/
   
   
   var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
   var startX = 30 //set x offset of bar in pixels
   var startY = 5 //set y offset of bar in pixels
   var verticalpos="fromtop" //enter "fromtop" or "frombottom"
   
   
   function iecompattest(){
   return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
   }
   
   
   function get_cookie(Name) {
   var search = Name + "="
   var returnvalue = "";
   if (document.cookie.length > 0) {
   offset = document.cookie.indexOf(search)
   if (offset != -1) {
   offset += search.length
   end = document.cookie.indexOf(";", offset);
   if (end == -1) end = document.cookie.length;
   returnvalue=unescape(document.cookie.substring(offset, end))
   }
   }
   return returnvalue;
   }
   
   
   function closebar(){
   if (persistclose)
   document.cookie="remainclosed=1"
   document.getElementById("topbar").style.visibility="hidden"
   }
   
   
   function staticbar(){
   barheight=document.getElementById("topbar").offsetHeight
   var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
   var d = document;
   function ml(id){
   var el=d.getElementById(id);
   if (!persistclose || persistclose && get_cookie("remainclosed")=="")
   el.style.visibility="visible"
   if(d.layers)el.style=el;
   el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
   el.x = startX;
   if (verticalpos=="fromtop")
   el.y = startY;
   else{
   el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
   el.y -= startY;
   }
   return el;
   }
   window.stayTopLeft=function(){
   if (verticalpos=="fromtop"){
   var pY = ns ? pageYOffset : iecompattest().scrollTop;
   ftlObj.y += (pY + startY - ftlObj.y)/8;
   }
   else{
   var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
   ftlObj.y += (pY - startY - ftlObj.y)/8;
   }
   ftlObj.sP(ftlObj.x, ftlObj.y);
   setTimeout("stayTopLeft()", 10);
   }
   ftlObj = ml("topbar");
   stayTopLeft();
   }
   
   
   if (window.addEventListener)
   window.addEventListener("load", staticbar, false)
   else if (window.attachEvent)
   window.attachEvent("onload", staticbar)
   else if (document.getElementById)
   window.onload=staticbar
   </script>
   
   
   
   
   <div id="topbar">
   <a href="" onClick="closebar(); return false"><img src="http://i41.tinypic.com/5fofva.jpg" border="0" /></a>
   DI SINI ADALAH TEMPAT ANDA MEMASUKKAN SCRIPT IKLAN ANDA
   </div>
   
   Jangan lupa ganti teks berwarna biru itu dengan script dari penyedia layanan iklan anda...
7. KLIK SIMPAN

Dengan malakukan ajaran-ajaran singkat di atas,,, kita telah selesai membuat apa yang kita inginkan sesuai dengan judulnya.. hehe.. Dan nikmati hasilnya...