Cara Membuat Fanspage Facebook Melayang di blog Paling Unik

Cara membuat fanspage facebook melayang di blog - Fanspage facebook memang seolah menjadi sessuatu yang begitu penting alasannya adalah "bisa mendatangkan visitor" selain dari seach engine google namun dengan catatan fanspage tersebut harus mempunyai banyak like karena setiap artikel yang sobat update di fanspage facebook sobat akan tertlihat oleh siapa saja yang sudah nge like fanspage anda. namun disini saya akan membahas cara membuat kotak fanspage sehingga terlihat menarik dan terlihat unik daripada yang lain. untuk hasilnya nanti akan terlihat seperti di bawah ini.

Bagaimana Cara membuat fanspage melayang Unik di Blog 

1. Silahkan login ke blogger anda silahkan langung pilih LAYOUT - ADD GADGET - HTML/Javascript
   
2. copy dan pastekan kode warna biru ini di blog anda, dan jangan lupa untuk menggantinya kode warna merah dengan URL fanspage milik anda     <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
   <script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
   <style>#colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;}#cboxOverlay{position:fixed;width:100%;height:100%;}#cboxMiddleLeft, #cboxBottomLeft{clear:left;}#cboxContent{position:relative;}#cboxLoadedContent{overflow:auto;}#cboxTitle{margin:0;}#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}.cboxPhoto{float:left;margin:auto;border:0;display:block;}.cboxIframe{width:100%;height:100%;display:block;border:0;}#cboxOverlay{background:#000;opacity:0.5 !important;}#colorbox{/*box-shadow*/-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);box-shadow:0 0 15px rgba(0,0,0,0.4);}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) no-repeat 0 0;}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybT_EvELYtTOooSnRNRFfY3hQj-MAoBrnh3Uz0rizNtATPbuAtHMmR1BaXuILAMB1feyMsQGr1iMyji9KDEEBnqNKNQSXGZLdS_BmO25C_XgsHYquQMFZMcj__7dJxjaR2k9aKCe323H3/s1600/border.png) repeat-x top left;}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) no-repeat -36px 0;}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) no-repeat 0 -32px;}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybT_EvELYtTOooSnRNRFfY3hQj-MAoBrnh3Uz0rizNtATPbuAtHMmR1BaXuILAMB1feyMsQGr1iMyji9KDEEBnqNKNQSXGZLdS_BmO25C_XgsHYquQMFZMcj__7dJxjaR2k9aKCe323H3/s1600/border.png) repeat-x bottom left;}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) no-repeat -36px -32px;}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) repeat-y -175px 0;}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) repeat-y -211px 0;}#cboxContent{background:#fff;overflow:visible;}#cboxLoadedContent{margin-bottom:5px;}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYlRzQ4BEtVtpHkGiEs2P4C7YnW79aEJl3T4e1hDccRwzVuypJSA4xkkL9WW0r6aFRx_AmBGSR_LG2A7y-K6LUAG8TNkKChoqnmZaVO-qE2hfaNqQNXCVvwtErDV1FI2snAQclOOc-CY-Z/s1600/loadingbackground.png) no-repeat center center;}#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHhrYHAPs_X80piK-5YW_cy2feu2STqeA1xDdc4xsjCpAIPHkZW2z_hStiQYQrgLr4EBB14HyR5zq3jWJ1vBamOrHjbvu-ocRT3d4fM5sccEFd0xQFH6jpTcS9N0o7IJSwek6Gg-6ASICD/s1600/loading.gif) no-repeat center center;}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C;}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C;}#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbk6yNa_CKwVUCZGNBbqJpOOcfSheQ0TOenKfHgPH0To90BwfsdGQWTUt8vhwrK5HSocIYQ0GnkLGqR51hDVXsIpRJBLsNWgxHmOQFfc_IQTwsjESVvn4TB371IVBLJgxtSZ6TwEdwJlcg/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px;}#cboxPrevious{left:0px;background-position:-51px -25px;}#cboxPrevious.hover{background-position:-51px 0px;}#cboxNext{left:27px;background-position:-75px -25px;}#cboxNext.hover{background-position:-75px 0px;}#cboxClose{right:0;background-position:-100px -25px;}#cboxClose.hover{background-position:-100px 0px;}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px;}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px;}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}#btt{font:12px/1.2 Arial,Helvetica,san-serif;color:#666;}#btt a, #btt a:hover, #btt a:visited{text-decoration:none;}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;line-height:25px;font-family:arial !important;}.mdbox-tagline{color:#999;margin:0;text-align:center;}#mdsubs-container{padding:35px 0 30px 0;position:relative;}a:link, a:visited{border:none;}.demo{display:none;}</style><script src="http://yourjavascript.com/3093182329/btt_jquery.colorbox-min.js"></script>
   <script type="text/javascript">
   jQuery(document).ready(function(){
   if (document.cookie.indexOf('visited=true') == -1) {
   var fifteenDays = 1000*60*60*24*30;
   var expires = new Date((new Date()).valueOf() + fifteenDays);
   document.cookie = "visited=true;expires=" + expires.toUTCString();
   $.colorbox({width:"600px", inline:true, href:"#btt"});
   }
   });
   </script> <div style='display:none'><div id='btt' style='padding:10px; background:#fff;'><center><table align="center"background="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2rwc36jDJftQop0ZY7052d37r81IMmpSU5Of2HJFpZZjMxNWIdnBXRZy6zPZg2AExoT2NIjzoBW-odFSr3BIO22CwFT5IiYvJdPj9HprEBOCEUeMIwTiQl7M4OLh8rtLDetsnoM3Z3P-r/s1600/background+image.png" border="0" height="300" style="width: 505px;"><tbody><tr><td height="345" width="505"><div align="right">
   
   <iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/sohibsanamdotcom&amp;width=330&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:330px; height:255px;" allowtransparency="true"></iframe></div></td></tr></tbody></table></center><p style=" float:right; margin-right:35px; font-size:6px;" >Powered By <a style=" font-size:6px; color:#3B78CD; text-decoration:none;" href="http://www.bloggertips.gr/" target='_blank'>BloggerTips.gr</a></p></div></div> 
3. Simpan dan lihat hasilnya. 

terima kasih dan selamat mencoba.