Cara Memasang Widget Like Box FP Facebook Melayang Di Blog [2015]

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Cara Memasang Widget Like Box FP Facebook Melayang Di Blog [2015]

    Assalamualaikum, selamat siang para sahabat blogger dimanapun kalian berada,kali ini Arnol bakalan ngasih tutorial untuk mempercantik blogger ,yaap ,Cara Memasang Widget Like Box FP Facebook Melayang Di Blog [2015] ,

    Sebelum lanjut ke cara pemasangan, apakah kalian sudah punya Fanspage Facebbok? kalo belum Buat dulu gih :D gimana mau masang like fanspage kalo kalian belum punya fanspage facebooknya :D hehehe,tutorial buat fanspage facebook silahkan cari di google ya,maaf saya tidak sempat mau buatkan Tutorialnya :D

    Kembali ke Topik,jika udah punya FansPage Facebooknya silahkan klik disini untuk mendapatkan kode Like Boxnya Klik Disini Brother

Sekarang Saatnya Memasang Widget Like Box FP Facebook Melayang Di Blog [2015] :

1. Login Ke Blogger Kamu
2. Pilih akun yang kamu kelola
3. Pada Dasbor Blog anda, masuklah ke Elemen Tata Letak, pilih Add Widget / Tambah Gadget
4. Lalu pilih HTML/Jawascript
5. Selanjutnya copylah kode script di bawah ini ke dalam Widget/Gadget Baru yang anda buat. 

 <!-- FB melayang tombol close --!>
<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;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;}
#kotak-facebook a.close {
position:absolute;
top:-10px;
right:-10px;
background:#333;
font:bold 16px Arial,Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#fff;
border:2px solid #fff;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
cursor:pointer;
}
</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'>
<p style=" margin-right:10px; font-size:15px; color:#000000;">Please Bantu Saya,<blink> Like This !!!</blink> </p>
<!-- Mulai --!>

<div class="fb-like" data-href="https://facebook.com/thelaststorybatam" data-width="292" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>

<!-- Selesai --!><a class='close' href='#'>&times;</a>
<p style=" float:right; margin-right:35px; font-size:10px;" >Powered By <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="http://arnol-tamvan.tk/">Blogger </a> and <a style=" font-size:10px; color:#3B78CD; text-decoration:none;" href="www.arnol-tamvan.tk/2015/06/cara-memasang-widget-like-box-fp.html">Get This Widget</a></p>
</div>

6. Simpat Widget/Gadget Baru yang anda buat tersebut.
7. Lihat hasilnya. 

PERHATIAN :
Kode yang berwarna merah ganti dengan code Like Box Kamu ,perhatikan gambar ini

Copy kodenya ,ganti dengan kode yg berwarna merah di atas tadi

Demikian Tutorial tentang Cara Memasang Widget Like Box FP Facebook Melayang Di blog Semoga Artikel ini bermanfaat bagi teman-teman semua,silahkan meninggalkan komentar jika ada yang belum jelas :) 

Terima kasih telah membaca artikel tentang Cara Memasang Widget Like Box FP Facebook Melayang Di Blog [2015] dengan URL : https://arnol-btm.blogspot.com/2015/06/cara-memasang-widget-like-box-fp.html Anda boleh menyebarluaskan atau mengcopy artikel Cara Memasang Widget Like Box FP Facebook Melayang Di Blog [2015] ini, namun jangan lupa mencantumkan link sumbernya.

• Tweet
• Share
• Share
• Share
• Share

AboutAdmin

Saya Arnol Puhzar Mahendra,dari Kota Batam,Terimakasih sudah berkunjung ke blog sederhana saya ini,selalu kunjungi blog ini,saya mengharapkan komentar dan jangan lupa difollow dan dishare agar kedepannya blog ini semakin berkualitas dalam membuat postingan

Related Post