Wednesday, November 23, 2016

Cara Membuat Widget Like Fanspage Pop Up di Blog

Cara Membuat Widget Like Fanspage Pop Up di Blog - Fanspage facebook merupakan salah satu media untuk berbagi informasi seperti artikel , video , gambar , gif dll . Saya rasa wajib bagi blogger untuk mempunyai fanspage dan mempunyai jumlah like yang banyak , agar banyak yang like fanspage tersebut kamu bisa memperlihatkan  widget nya di blog sendiri. Agar pengunjung juga tau kalau kamu punya fanspage.
Cara Membuat Widget Like Fanspage Pop Up di Blog
Cara Membuat Like Fanspage Facebook Pop Up di Blog
Kenapa fanspage harus banyak like ? sangat sederhana jawabanya , semakin banyak like fanspage kamu maka akan semakin banyak juga orang yang akan melihat dan berinteraksi dengan informasi informasi yang kamu share di fasnpage ini, contoh dengan membuat postingan promosi artikel yang baru kamu buat , bisa langsung share di fanspage dan akan banyak melihat. . Jika informasi yang diberikan menarik maka orang yang melihatnya pun akan visit artikel tersebut , hebat bukan.


Memasang widget like fanspage facebook di blog ini cara yang efekti dan banyak digunakan untuk memperbanyak like , sering saya temukan widget facebook dengan bermacam macam penempatan , ada yang di sidebar dengan menggunakan sticky , melayang di halaman blog , show hide di sisi blog , widget pop up dan berbagai macam penempatan lainya.

Di artikel tutorial kali ini , saya akan share cara membuat like fanspage facebook pop up , karna widget tipe ini mempunyai kesempatan besar untuk mendapatkan like dari pengunjung , karna sistem nya widget ini akan muncul ketika halaman blog selesai loading. Oke simak berikut tutorialnya .

Cara Membuat Like Fanspage Facebook Pop Up

Di sini saya hanya tutor pemasangan widget nya saja di blog , untuk membuat halaman/fanspage facebook saya belum buat tutorial nya , jadi saya anggap kalian sudah punya akun facebook dan fanspage nya . Lanjut ke tutorial pemasangan widget.

1. Masuk ke  Blogger 
2. Pilih menu  Tata Letak    Tambah / Add Gadget 
3. Masukan Script di bawah ini.

<style scoped="" type="text/css">
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;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:#03a9f4;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(2000).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/sipemalascom&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false" style="border: none; height: 200px; overflow: hidden; width: 339px;">
</iframe></div>
</div>

4. Ganti url facebook  https://www.facebook.com/sipemalascom  dengan username atau id fanspage kalian . Untuk mengatur waktu munculnya pop up widget tersebut kalian bisa ganti  .delay(2000) 
5. Jika sudah ,  klik  simpan. 


Sekian tutorial cara membuat widget like fanspage pop up di blog , semoga bisa membantu dan bermanfaat . Terimakasih. Baca juga :
Daftar situs social bookmark terbaik terbaru 2018
Cara Memilih Platform Blog Yang Tepat
Tips menulis postingan di blog supaya menarik
Tips – Tips Sukses Membangun Blog Baru
Amazing Indonesia, East Java Vision of Papuma
MAKALAH MATERI DERET - MATEMATIKA
loading...
Previous
Next Post »

12 comments

Wahyu IWe delete November 23, 2016 at 2:04 PM

Request boleh ya om...hiks...
Saya ingin fanspage facebook diganti dengan Google+
Semoga terkabul...dan bertambah suksesnya... 😀😀😀

#ngerayu

Mohammad Syahri Nurrochim delete November 23, 2016 at 2:13 PM

wow bisa dipraktekan nih buat promo FP :')

Ega Pratama delete November 23, 2016 at 2:19 PM

info yang bermanfaat gan...

Si Pemalas delete November 23, 2016 at 2:21 PM

boleh banget mas request , inshaallah kalau bisa saya buatkan tutorialnya pop up google + . Terimakasih juga doa'a nya amiin 😀

Si Pemalas delete November 23, 2016 at 2:23 PM

silahkan gan pasang widgetnya , supaya cepat jumlah like fanspage nya .

Si Pemalas delete November 23, 2016 at 2:24 PM

sip , makasih

Newbie Tamvan delete November 23, 2016 at 5:32 PM

Wah keren ijin coba ... Jadi bisa promosi fanspage kepada pembaca blog :D

Nha Moellyana delete November 23, 2016 at 5:49 PM
Komentar anda telah dihapus!
Si Pemalas delete November 23, 2016 at 6:24 PM

bener banget gan , jangan sia siakan pengunjung / visitor yang datang , lumayan kalau fanspage udah banyak like , ntar bisa di manfaatin.

Agus Yudiaman delete November 23, 2016 at 9:02 PM

siap praktekin gan, mantap

Yolen eza15 delete November 25, 2016 at 4:27 PM

Izin buat coba ya gan, buat saya terapin diblog.

Si Pemalas delete November 25, 2016 at 10:50 PM

silahkan gan di coba widget like fanpage nya

Silahkan berkomentar ^_^

 
Atas