Cara Membuat Like Box Melayang Pada Blog Dengan Tombol Close

Cara Membuat Like Box Pada Blog  

Hey sob.................
jumpa lagi degan ku ..................
sebelum saya melamjutkan pembahasan yang akan saya posting terlebih dahulu alangkah baiknya jika ktia membaca BISMILLAHHIRROHMANIRROHIM .
Dan sebelumnya aku ucapkan terimakasih atas kehadiran anda di sini,
Langsung aja sob kali ini saya akn berbagi tentang cara membuat KOTAK LIKE BOX DI BLOG YANG BISA MELAYANG gimana sob anda tertarik............?langsung aja ikuti langkah berikut,

Persyaratan yang harus anda penuhi.:

• Anda harus memiliki Halaman facebook.
• dafarkan halaman facebook anda disini 
• setelah itu anda rancang kotak yang akan tampil di blog.
• setelah selesai merancang klik ged code.maka akan muncul seperti gambar berikut.

• pilih code yang bawah ya kelak akan di gunakan.

• danitulah sekiranya syarat yang anda harus penuhi.

Langkah-Langkah membuat like box

• login ke dasbord blog anda.
• pilih tataletak 
• kemudian pilih add gadged (pilih yang java script/html.)
• kemudian masukan kode berikut

<style type="text/css">         #topbar{         position:absolute;         padding-top:120px;         padding-left:330px;         background-color: transparancy;         width: 292px;         visibility: hidden;         z-index: 100;         }         </style>         <script type="text/javascript">         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>         <br />         <div class="clear">         </div>         <div id="topbar">         <div style="text-align: center;">         <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQ0BiFhBge4NICWSZBSsw7xJKfUgdsGBJ04b1pnKIELVViYVlyOGNslpafkYhRuy0oJWRw2bFHoSSgFiC2vQMdJTZUbJvY4FmgSvBEdtAJhPt3xRVe1qRBeoCAteFLgaQwS1a980OeLvgl/s1600/Close+Button.gif" /></a></div>         <center>         <div class="fb-like-box" data-href="http://www.facebook.com/pages/Laksanacyber/596876476989072?skip_nax_wizard=true&amp;success=1" data-width="300" data-height="250" data-show-faces="true" data-stream="false" data-border-color="#B20000" data-header="true"></div>         </center>         </div>

• setelah anda copas kode tersebut,ganti tulisan yang berwarna hijau dengan code sript yang telah kamu buat di persyaratan  di atas
• setelah itu klik simpan

nah sekarang lihat hasilnya....................
nah mudah bukan,,,,,,,,,,,,,,.........????
cukup sekian postinganku kali ini semoga bermanfaat dan semoga berhasil.menjadi seorang bloger sejati.