Cara Membuat Floating Facebook FanPage Like

Floating Facebook Like Box

Mungkin masih banyak yang bingung dan bertanya, apa itu Floating Facebook FanPage Like Pop Up? Itu adalah sebuah sebuah pop-up atau halaman kecil yang muncul ketika
membuka sebuah blog, di mana pada halaman tersebut terdapat tombol like yang akan mengarah ke FanPage dari blog tersebut di Facebook. Cukup menarik memang karena meskipun tidak bersifat memaksa, akan banyak pembaca yang akhirnya menekan Like di FanPage tersebut sebagai bagian dari rasa simpati sesama Blogger.
Bertambahnya like di FanPage akan berdampak pada meningkatnya rating FanPage Facebook blog kita. Dan meningkatnya rating FanPage Facebook sudah tentu akan bertindak sebagai ajang promosi otomatis untuk blog kita. Wajar saja hal ini banyak dilakukan para Blogger karena tidak lain dan tidak bukan tujuannya adalah sebagai ajang promosi blog untuk menarik lebih banyak pembaca. Jika kamu berminat untuk membuat sebuah Pop Up semacam ini muncul di blogmu, berikut adalah cara-cara sederhana yang bisa kamu ikuti.

1. Login ke Blogger.
2. Masuk ke Dasbor.
3. Pilih menu Tata Letak
4. Pilih Tambah Gadget, ya Pop Up Facebook memang merupakan sebuah Gadget atau Widget.
5. Lalu pilih HTML Javascript. Hal ini dilakukan karena kita akan memasukkan sejumlah kode yang berisi program yang menyusun Floating Facebook FanPage Like Pop Up yang akan muncul di saat blog kita dibuka.
6. Setelah masuk ke kotak HTML, maka masukkan kode di bawah ini.

<style> #fbox-background {     display: none;     background: rgba(0,0,0,0.8);     width: 100%;     height: 100%;     position: fixed;     top: 0;     left: 0;     z-index: 99999; } #fbox-close {     width: 100%;     height: 100%; } #fbox-display {     background: #eaeaea;     border: 5px solid #828282;     width: 340px;     height: 230px;     position: absolute;     top: 32%;     left: 37%;     -webkit-border-radius: 5px;     -moz-border-radius: 5px;     border-radius: 5px; } #fbox-button {     float: right;     cursor: pointer;     position: absolute;     right: 0px;     top: 0px; } #fbox-button:before {     content: "CLOSE";     padding: 5px 8px;     background: #828282;     color: #eaeaea;     font-weight: bold;     font-size: 10px;     font-family: Tahoma; } #fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {     color: #aaaaaa;     font-size: 9px;     text-decoration: none;     text-align: center;     padding: 5px; } </style> <script type='text/javascript'> //<![CDATA[ jQuery.cookie = function (key, value, options) { // key and at least value given, set cookie... if (arguments.length > 1 && String(value) !== "[object Object]") { options = jQuery.extend({}, options); if (value === null || value === undefined) { options.expires = -1; } if (typeof options.expires === 'number') { var days = options.expires, t = options.expires = new Date(); t.setDate(t.getDate() + days); } value = String(value); return (document.cookie = [ encodeURIComponent(key), '=', options.raw ? value : encodeURIComponent(value), options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE options.path ? '; path=' + options.path : '', options.domain ? '; domain=' + options.domain : '', options.secure ? '; secure' : '' ].join('')); } // key and possibly options given, get cookie... options = value || {}; var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent; return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null; }; //]]> </script> <script type='text/javascript'> jQuery(document).ready(function($){ if($.cookie('popup_facebook_box') != 'yes'){ $('#fbox-background').delay(5000).fadeIn('medium'); $('#fbox-button, #fbox-close').click(function(){ $('#fbox-background').stop().fadeOut('medium'); }); } $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 }); }); </script> <div id='fbox-background'> <div id='fbox-close'> </div> <div id='fbox-display'> <div id='fbox-button'> </div> <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php? href=https://www.facebook.com/All.info.blog&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe> <div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://bolehdiganti.blogspot.com" rel="nofollow">Boleh diganti</a></div> </div> </div>

Silakan ganti id FanPage yang bertanda merah pada kode di atas dengan id dari FanPage Anda sendiri.
Jika Anda tidak tahu apa itu ID FanPage, maka silakan buka terlebih dahulu FanPage Fecebook Anda melalui browser komputer. Jika sudah, perhatikan URL dari halaman tersebut. Anda akan menemukan sederet angka di bagian belakang URL. Angka-angka itulah yang merupakan ID dari FanPage Anda.
Klik Save untuk menyimpan pengaturan.
Selesai
Sekarang, kamu bisa memberikan penawaran kepada pembaca setiamu untuk menyukai halaman facebookmu juga melalui Floating Facebook FanPage Like Pop Up.

Selamat mencoba Selamat berkreasi Salam dari @CyberClown ,,,