Cara Memasang Popup Facebook di Blog - Facebook merupakan salah satu media sosial terpopuler pada saat ini. Memanfaatkan facebook sebagai sarana penunjang traffic blog adalah cara terbaik bagi para webmaster. Dengan membuat fanpage facebook serta memasang like box facebook di blog, tentu akan memperluas jaringan untuk membagikan konten blog melalui facebook. Facebook pun memiliki nilai pagerank tinggi dan paling tinggi di dunia yaitu nomor satu di dunia. Banyangkan jika blog memiliki banyak backlink dari Facebook. Pada kesempatan kali ini saya akan membagikan sebuah tutorial bagaimana cara memasang popup like box facebook di blog. Popup merupakan halaman atau widget yang muncul melayang di tengah-tengah halaman blog. Popup biasanya diperuntukan untuk iklan. Popup berbentuk iklan sangat menggangu karena tampilannya sering tidak karuan. Menurut saya pribadi popup like facebook tidak menggangu pengguna blog karena tidak bersifat komersil dan tidak memunculkan halaman baru saat di klik. Popup like facebook adalah salah satu cara meningkatkan jumlah like fanpage anda. Semakin banyak jumlah like tentu semakin banyak pula kemungkinan konten blog di baca oleh pengguna. Untuk itu simak cara memasang popup facebook di blog berikut.
CSS Popup Facebook
- Login ke akun blog.
- Pada menu dashboard klik tata letak.
- Kemudian klik tambahkan gadget.
- Lalu pilih HTML/Javascript.
- Kemudian copy dan paste kode di bawah.
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
h4 {
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;font-size: 14px;font-weight: normal;text-transform: uppercase;padding: 10px;background: #f0f0f0;color: #999;border-bottom: 1px solid #ddd;}
#fanback {display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
#fan-exit {width:100%;height:100%;}
#fanbox {background: white;width: 250px;height: 300px;position: absolute;top: 58%;left: 67%;border: 3px solid #ddd;margin: -220px 0 0 -375px;}
#fanclose {float:right;cursor:pointer; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5166fZzS7cuiBVgulbAhiT8beuMyzyAxeL2A3ZuPgajdsmfTLrBObsRV50zpyKxTd-4n1FQ5bhcJKkPtBuqfGNUYDjQcW-1nRmjWyAiUBMCLPzqpY8fPsMsSobNTsUhwx5u4OYDDQuGAd/s1600/fileclose.png) no-repeat; height:15px;padding:20px;position:relative;margin-top: -20px;margin-right: -22px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover { color:#80808B; font-size:10px; margin: 0 auto 5px auto; float:center;
}</style>
Script Popup Facebook
<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_like') != 'yes'){
$('#fanback').delay(1000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
});
</script>
HTML Popup Facebook
<div id='fanback'>
<div id='fan-exit'></div>
<div id='fanbox'>
<div id='fanclose'></div>
<center>
<h4>Find Us On Facebook</h4>
<div id="fb-root"></div>
<div class="fb-like-box" data-href="https://www.facebook.com/pages/Type-Pedia/218961794943850" data-width="240" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</center>
</div>
</div>
- Ubah tulisan berwarna merah dengan link fanpage facebook blog anda.
- Kemudia klik simpan.
Popup like facebook biasanya memiliki cookie selama tujuh hari. Artinya popup like facebook hanya muncul setiap 7 hari sekali untuk 1 pengguna. Jika begini tentu sangat susah like facebook blog meningkat. Jadi saya telah menghapus kode javascript tersebut. Popup like facebook akan terlihat setiap di semua halaman. Saya juga memasang tombol close untuk menyembunyikan popup like facebook tersebut. Demikianlah tutorial mengenai cara memasang popup facebook di blog. Semoga dengan memasang popup like facebook, jumlah like fanpage blog anda meningkat.
Posting Komentar