Si pemalas belajar ngeblog , tutorial komputer , tutorial android , update informasi terbaru dan berbagi tips trik.

Rabu, 23 November 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.
Previous
Next Post »

12 komentar

Wahyu IWe delete 23 November 2016 14.04

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

#ngerayu

Mohammad Syahri Nurrochim delete 23 November 2016 14.13

wow bisa dipraktekan nih buat promo FP :')

Ega Pratama delete 23 November 2016 14.19

info yang bermanfaat gan...

Si Pemalas delete 23 November 2016 14.21

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

Si Pemalas delete 23 November 2016 14.23

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

Si Pemalas delete 23 November 2016 14.24

sip , makasih

Newbie Tamvan delete 23 November 2016 17.32

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

Nha Moellyana delete 23 November 2016 17.49
Komentar anda telah dihapus!
Si Pemalas delete 23 November 2016 18.24

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

Agus Yudiaman delete 23 November 2016 21.02

siap praktekin gan, mantap

Yolen eza15 delete 25 November 2016 16.27

Izin buat coba ya gan, buat saya terapin diblog.

Si Pemalas delete 25 November 2016 22.50

silahkan gan di coba widget like fanpage nya

Silahkan berkomentar ^_^

 
Atas