Cara Mudah Membuat Widget FansPage Facebook Melayang di BlogSpot

Ayied.net -  Syarat utama sebelum anda mengikuti Langkah-langkah Membuat Widget FansPage Melayang adalah dengan memiliki sebuah halaman facebook. Jika belum ada, anda bisa membuat nya dengan membaca Toturial Membuat dan Memasang FansPage di BlogSpot ini.

Like ya Sahabat FansPage Milik Saya☺
Like ya Sahabat FansPage Milik Saya☺

Jika anda sudah memiliki nya, Silahkan ikuti Langkah mudah berikut :

Langkah #1 : Login ke Akun Blogger anda > Klik Tata Letak > Lalu Add Widget > Pilih HTML/JavaScript

Cara Mudah Membuat Widget FansPage Facebook Melayang di BlogSpot

Langkah #2 : Silahkan di Copy kode script di bawah ini dan Paste/Tempel ke dalam Widget yang baru anda buat

<!-- FansPage melayang by Ayied.net --!>
<style type='text/css'>
#kotak-facebook {
position:fixed !important;
position:absolute; /* IE6 */
bottom:-1000px;
right:40%;
margin:0px 0px 0px -182px;
width:310px;
height:auto;
padding:16px;
-webkit-box-shadow: 0px 0px 7px #222;
-moz-box-shadow: 0px 0px 7px #222;
box-shadow: 0px 0px 7px #222; background-color:#FFFFFF; font:normal 1em Cambria,Georgia,Serif;
color:#111;
</style>
<script type='text/javascript'>
$(window).bind("load", function() {
// animasikan nilai top saat halaman telah selesai dimuat
$('#kotak-facebook').animate({bottom:"50px"}, 1000);
// hilangkan kotak pesan saat tombol (x) di klik
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='kotak-facebook'>
<!-- Mulai --!>
<style type="text/css">
.seocipsfbox {background:#efefef;padding:10px;margin:0 auto;border-radius:3px;overflow:hidden;}
</style>
<div class="seocipsfbox">
<div class="fb-like-box" data-href="https://www.facebook.com/AyiedMuhammadR" data-rel="nofollow" data-width="280" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>
    </div>
<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.5&appId=1439296419615573";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Selesai --!>
<a class='close' href='#'>&times;</a></div>

Langkah #3 : Silahkan kode yang berwarna merah di atas di ganti dengan Link/Url halaman FansPage Facebook milik anda dan klik Simpan.

Selesai dan sangat mudah kan sahabat? Jika sahabat masih mengalami kesulitan dalam Membuat Widget FansPage Facebook Melayang di BlogSpot ini, Jangan sungkan untuk bertanya di kolom komentar. Semoga bermanfaat.

Dapatkan Artikel Terbaru Melalui Email

1 Response to "Cara Mudah Membuat Widget FansPage Facebook Melayang di BlogSpot"

  1. This comment has been removed by a blog administrator.

    ReplyDelete

IBX584BE24776495