Pasang Fanspage Facebook di Blog

Pasang Fanspage Facebook di Blog

Pasang Fanspage Facebook di Blog



Hai Sahabat infoalya.com, pada kesempatan ini admin ingin berbagi langkah-langkah memasang fanspage facebook di blog tapi yang ini pop up. berikut langkah-langkahnya :


Setelah di dashboard, klik tata letak atau layout pilih HTML/Javascript box kemudian copy dan pastekan kode dibawah ini lalu klik simpan.

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>
<style>
h4 {
font: normal normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;font-size: 14px;font-weight: normal;text-transform: uppercase;padding: 10px;background: #f0f0f0;color: #999;border-bottom: 1px solid #ddd;}
#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: 250px;height: 300px;position: absolute;top: 58%;left: 67%;border: 3px solid #ddd;margin: -220px 0 0 -375px;}
#fanclose {float:right;cursor:pointer; background:url(https://4.bp.blogspot.com/-i8EN3ENQF6A/U0wiOwl6jCI/AAAAAAAAA0Y/oKhHxMGirX4/s1600/fileclose.png) no-repeat; height:15px;padding:20px;position:relative;margin-top: -20px;margin-right: -22px;
}
#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(1000).fadeIn('medium');
    $('#fanclose, #fan-exit').click(function(){
      $('#fanback').stop().fadeOut('medium');
    });
  }
});
</script>
<div id='fanback'>
  <div id='fan-exit'></div>
  <div id='fanbox'>
   <div id='fanclose'></div>
   <center>
<h4>Find Us On Facebook</h4>
<div id="fb-root"></div>
<div class="fb-like-box" data-href="https://www.facebook.com/RA-Madrasah-Kota-Surabaya-865006806881462" data-width="240" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
</center>
  </div>
</div>

Yang dimarking sahabat infoalya.com ganti dengan link fanspage facebook milik kalian.

Selanjutnya tambahkan kode dibawah ini tepat diatas tag </body>

<div id="fb-root"></div>

<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v2.4";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


Share On:

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

0 Comment

Add Comment

[+] Silahkan tinggalkan komentar
[+] Berkomertarlah dengan santun
[+] Mohon tidak meninggalkan live link
[+] Terima kasih untuk komentar anda

https://infoalya.com

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - https://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Info Alya? Keep us running by whitelisting Info Alya in your ad blocker.

This is how to whitelisting Info Alya in your ad blocker.

Thank you!

×
×
×