Wednesday, 6 December 2017

Cara Memasang Fanspage Facebook di Blog Dan Pop Up Like Box Facebook Melayang

Untuk membuat Fanspage Facebook kita tampil di blog, pertama-tama kita harus membuat Plugin Fanspage Facebook untuk blog kita terlebih dahulu.

Cara Memasang Fanspage Facebook di Blog Dan Pop Up Like Box Facebook Melayang

Kenapa harus Fanspage Facebook? Apa manfaatnya Fanspage bagi Blog?

Facebook merupakan salah satu media sosial yang sangat populer di dunia, dan bisa dikatakan bahwa facebook merupakan media promosi yang ampuh bagi blog kita. Karena kebanyakan referer pada blog saya, salah satunya berasal dari facebook ini.

Banyak yang menyebutkan bahwa facebook merupakan tempat mendapat backlink yang berkualitas bagi blog kita. Karena Facebook sendiri adalah salah satu website yang memiliki authority tinggi.

Dengan Page Authority (PA) 97 dan Domain Authority (DA) 100, Sehingga mendapatkan backlink dari Facebook tentu berdampak positif bagi SEO suatu website. Cara termudah mendapatkan backlink dari facebook adalah dengan membuat fanspage facebook.

cara mendapatkan backlink dari facebook
Cara mendapatkan backlink dari facebook yaitu dengan cara memasukkan url blog pada settingan Fanspage  

Selain mendapat backlink dari fanspage, semakin banyak penggemar fans page yang like halaman Facebook kita maka semakin baik pula kalau dilihat dari tingkat populer blog. Juga semakin banyak penggemar fanspage berarti besar kemungkinan pula pengunjung ke blog kita yang berasal dari fanspage tersebut.

Nah sebagai media promosi agar fanspage kita bisa lebih banyak lagi, caranya dengan memasang widget fanspage di blog. Selain menjadi media promosi, juga widget fanspage merupakan pemanis tampilan blog.
Baca juga  Hal yang perlu diperhatikan agar blogmu disukai dan di kunjungi oleh banyak orang

Cara Membuat Fanspage Facebook Tampil di Blog

Pertama-tama, kunjungi Developer Fanspage Plugin.

Kemudian pada laman tersebut, Anda bisa membuat kotak Fanspage Facebook sesuai dengan kriteria yang Anda inginkan.

membuat plugin fanspage di blog

Masukkan url fanspage facebook anda pada kolom yang disediakan, Anda juga bisa mengatur ukuran fanspage yang akan ditampilkan di blog, misal Lebarnya 300 dan tingginya 250. Kemudian pilih get code untuk mendapatkan script kode yang nantinya akan di pastekan di widget blog.

Untuk kodenya pilih saja yang Iframe, kemudian copy script kode tersebut dan pastekan di widget laman blog Anda (Widget HTML/Javascript).

Pilih kode ifarme untuk memasang di blog


Atau ada yang lebih mudah, yaitu dengan copy-paste kode berikut:
<iframe src="https://www.facebook.com/plugins/page.php?href=https://www.facebook.com/PerihalDiri%2F&tabs=false&width=340&height=3500&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId" width="340" height="200" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
Pastekan di widget HTM blog Anda, Ganti url yang berwarna merah dengan url fanspage facebook Anda. Kemudian save.

Mudah bukan..
Baca juga  Cara membuat sitemap/daftar isi keren dan SEO friendly

Membuat Like Fanspage Facebook Melayang Di Blog (Pop Up Fanspage)

Maksudnya gini, disaat orang lain pertama kali membuka laman blog Anda, selang beberapa detik akan muncul tampilan semacam iklan pop up. Bedanya yang muncul semacam iklan itu adalah fanspage facebook Anda.

Nah untuk memasang Fanspage Facebook di Blog , Anda cukup “Copy Link Url” halaman fanspage facebook Anda saja.

Url fanspage


Kemudian buka dasboard blogger – Tata Letak. Pilih tambahkan WidgetHTML/Javascript.

Copikan script dibawah ini :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style type="text/css">
#fbox-background{display:none;background:rgba(0,0,0,0.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999}#fbox-close{width:100%;height:100%}#fbox-display{background:#eaeaea;border:5px solid #828282;width:340px;height:230px;position:absolute;top:32%;left:37%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#fbox-button{float:right;cursor:pointer;position:absolute;right:0;top:0}#fbox-button:before{content:"CLOSE";padding:5px 8px;background:#828282;color:#eaeaea;font-weight:700;font-size:10px;font-family:Tahoma}#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover{color:#aaa;font-size:9px;text-decoration:none;text-align:center;padding:5px}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie=function(a,b,c){if(arguments.length>1&&"[object Object]"!==String(b)){if(c=jQuery.extend({},c),null!==b&&void 0!==b||(c.expires=-1),"number"==typeof c.expires){var d=c.expires,e=c.expires=new Date;e.setDate(e.getDate()+d)}return b=String(b),document.cookie=[encodeURIComponent(a),"=",c.raw?b:encodeURIComponent(b),c.expires?"; expires="+c.expires.toUTCString():"",c.path?"; path="+c.path:"",c.domain?"; domain="+c.domain:"",c.secure?"; secure":""].join("")}c=b||{};var f,g=c.raw?function(a){return a}:decodeURIComponent;return(f=new RegExp("(?:^|; )"+encodeURIComponent(a)+"=([^;]*)").exec(document.cookie))?g(f[1]):null};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/PerihalDiri/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
</div></div>
Ganti yang berwarna merah dengan url blog Anda, Anda juga bisa mengatur lebar dan tinggi kotak like box dengan mengubah angka yang berwarna biru. Kemudian save.

Untuk mengetahui kode tersebut berhasil, Anda cukup kunjungi blog Anda secara langsung. Tunggu beberapa saat hingga like box muncul seperti dibawah ini.

pop up fanspage facebook berhasil
Tampilan like box Fanspage Facebook sukses

Jika tampilannya seperti itu, Selamat anda berhasil melakukannya.

Selamat mencoba



Pandaan 06 Desember 2017
Dewi’Na Irawan

Perihal Diri
Perihal Diri Updated at: 06:38:00
Share this article :

0 komentar:

Post a Comment

 

Perihal Diri Copyright © 2016 Minima Template
Designed by BTDesigner · Powered by Blogger