Cara Membuat PopUp Like Box Facebook di blog

Cara Membuat PopUp Like Box Facebook di blog

Jalak Ikal 04 June 0 komentar
Dalam membuat blog tentunya kita ingin sekali banyak pengunjung yang datang ke blog kita,dengan berbagai cara kita melakukan itu tidak lah lain agar blog kita ramai oleh pengunjung yang membaca artikel artikel yang berada di blog kita yang dimana setiap hari kita tulis,semakin hari semakin banyak para pengunjung yang datang ke blog kita maka kita sebagai blogger akan semakin senang dan semangat di dalam menulis berbagai artikel yang di sajikan untuk para pengunjung blog kita

Oleh karena itu,salah satu trik agar blog kita banyak di kunjungi oleh para pengunjung yaitu dengan memasang Popup Like box dari facebook,semakin banyak orang yang me like Popup like tersebut maka akan semakin banyak pula pengikut Fanspage facebook yang kita miliki


Sebenar nya PopUp Like box Facebook ini hampir mirip dengan Fanspage melayang yang pernah saya share di blog ini,bahkan bisa di bilang sama,namun dengan PopUp Like Facebook ini beda nya hanyalah tampilan layar belakang meredup sehingga yang terlihat jelas hanyalah PopUp Like Facebook tersebut dan mempokuskan para pengunjung untuk melihat PopUp Like Facebook tersebut

Baca Juga : Cara membuat FansPage Facebook Melayang di blog

Seperti hal nya Famspage melayang yang dapat di hilangkan dengan mengklik tanda X di bagian pojok kanan atas,PopUp Like Facebook ini juga dapat di hilangkan dengan cara mengklik tulisan "close" yang berada di bagian kanan atas dengan pengunjung mengklik "close" di bagian kanan atas,maka PopUp Like Facebook tersebut akan hilang begitu saja

Jadi dengan begitu PopUp like Facebook ini mungkin mampu meningkatkan Traffic ke blog kita,semakin banyak yang meng klik PopUp like facebook tersebut maka akan semakin bagus bagi blog kita bahkan dengan begitu pengunjung ke blog kita pun akan semakin banyak

Bagaimana Cara Pemasangan PopUp Like Box Facebook ?

Pemasangan PopUp Like Facebook ini sam seperti hal nya saat anda memasangan Fanspage melayang di blog,yaitu dengan menyimpan kode HTML di bagian widget blog kita,maka dengan begitu PopUp like Facebook tersebut akan tampil begitu saja,namun jika anda masih bingung cara pemasangan nya bisa anda ikuti langkah-langkah pemasangan nya di bawah ini

  • Seprti biasa masuk ke blogger dengan email dan juga Pasword anda
  • Setelah itu silahkan klik Layout/tataletak yang berada di bagian kiri blogger
  • Setelah itu silahkan pilih Add a Gadget
  • Lalu pilih HTML/Javascript
  • Setelah anda mengklik HTML/Javascript silahkan anda masukan kode di bawah ini di kotak yang telah di sediakan
<style scoped='' type='text/css'>
#fb-fanbox {background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);display:none;}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#f5f5f5;border:8px solid #3a76b4;width:339px;height:210px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#3a76b4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink 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) {
// Pengaturan 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(''));
}
// Dapatkan 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'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/infotrens&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>

  • Kemudian Save
 - Untuk tulisan infotrens silahkan anda ganti dengan alamat fanspage yang anda miliki,setelah itu silahkan lihat hasilnya di blog sobat

Nah itulah cara pembuatan atau pemasangan PopUp Like Box Facebook di blogger,semoga artikel nya bisa membantu dan bisa di pahami oleh sobat blogger,selamat mencoba dan semoga berhasil.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 04 June and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi