Ada beberapa hal yang perlu diperhatikan sebelum kita berbagi tautan ke jejarang social seperti yang ingin saya bahas pada artikel ini yaitu facebook, tentu kita harus memperhatika seberapa banyak pengikut facebook kita, jika pada halaman facebook memiliki sedikit maka kesempatan mendatangkan pengunjung tentu semakin sedikit, lain halnya jika pengikut facebook kita cukup banyak maka kesempatan menaikan trafik akan semakin berpeluang besar. Baca Juga CARA MEMBUAT FANS PAGE Halaman di Facebook
Banyak di laukan oleh para pemilik situs untuk mendapatkan banyak pengikut agar lebih maksimal ketika ingin melakukan share tautan, salah satu cara paling jitu adalah dengan cara beriklan, hal ini sering di lakukan oleh pebisnis online, media online, toko online dll. Sedangkan untuk situs/blog biasa cara ini tentu bukan pilihan, namun kita juga dapat memanfaatkan dengan berbagai cara dan salah satunya alah dengan memasang widget popup, hal sudah saya buktikan hasilnya cukup efektif.
Membuat Popup Like Facebook di Blog
- Login ke akun blogger kalian
- Pada halaman dashboard pilih Layout
- Pilih Add a Gadget
- Pilih HTML/JavaScript
- Copy kode di bawah ini dan paste ke dalam koom HTML/JavaScript
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
#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:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#fanclose {
float:right;
cursor:pointer;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirURJVrTmSJHNgtyDxq8R6UjQsHL9ReP5X6tzNzpTXrOHZRS1kMdBqUI85FanJ3QNKHEWSA3cwMMhGoHcukFS47SX_CSIRZgAkNQ2gDAX9otBIQckrQOLzJYp_2Bs9KO7MQ5gGoXWfmlee/s1600/fanclose.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</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_like') != 'yes'){
$('#fanback').delay(5000).fadeIn('medium');
$('#fanclose, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_like', 'yes', { path: '/', expires: 1 });
});
</script>
<div id='fanback'>
<div id='fan-exit'></div>
<div id='fanbox'>
<div id='fanclose'></div>
<div class='remove-borda'></div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/giribigdotcom&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
</div>
</div>
Keterangan:
- Pada kode yang saya tandai warna oren(5000): Silahkan ganti sesuai keinginan (1 detik = 1000, 2 detik = 2000, 3 detik = 3000, 4 detik = 4000, 5 detik = 5000 dll)
- Pada kode yang di tandai warna biru (1): Merupakan jumlah hari, jika tidak di ubah widget ini akan muncul 1 kali pengujung unik. (1 hari = 1, 2 hari = 2, 7 hari = 7 dll).
- Pada kode yang di beri tanda merah merupakan alamat URL halaman facebook soba, silahkan ganti alamat tersebut dengan alamat URL kalian.
- Setelah semuanya diatur, sekarang tinggal Simpan.
Dengan memasang widget popup facebook maka kesempatan menambah pelanggan facebook akan semakin terbuka. Selain itu popup like box FanPage facebook ini kita bisa atur sesuai kebutuhan sehingga tidak akan berdampak buruk karena popup ini hanya muncul 1 kali dan akan muncul kembali pada hari tertentu yang sudah kita atur tadi. sekian untuk artikel kali ini tentang Cara Membuat Popup Like Facebook di Blog semoga dapat bermanfaat.