Sunday, 12 June 2016

Cara Mudah Membuat Fanspage Facebook Melayang di Blog

·   0
Cara Mudah Membuat Fanspage Facebook Melayang di Blog. Pernahkah Anda melihat tombol fanspage facebook yang melayang pada sebuah blog? Jika pernah melihat hal yang seperti itu maka Anda dapat juga memasangnya di blog Anda supaya mendapatkan lebih banyak pada fanspage facebook yang Anda kelola. Di sini saya akan membahas mengenai cara atau tutorial membuat fanspage facebook yang melayang pada blog dengan mudah untuk di lakukan.

Cara Mudah Membuat Fanspage Facebook Melayang di Blog

Cara untuk melakukan atau memasang tombol fanspage facebookpun sangatlah mudah sekali, Anda tidak usah memasukan scriptnya ke dalam EDIT HTML melainkan Anda tinggal tambah gadget dan paste kode scriptnya di situ, dengan demikian maka tombol fanspage facebook di blog Anda sudah bisa di lihat. Untuk melakukan cara memasangnya berikut langkah langkah yang harus Anda lakukan.

1. Masuk terlebih dahulu ke akun Blogger Anda

2. Langsung saja menuju ke Tata Letak dan Tambahkan Gadget

3. Pilih JavaScript/HTML

4. Copy script di bawah ini dan paste ke JavaScript/HTML yang tadi sudah di pilih.

 <style type='text/css'>
/* Message Box */
#box-message {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#fff;
font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-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;
}
#box-message a.close {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#111;
border:2px solid #333;
-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:22px;
-moz-border-radius:22px;
border-radius:22px;
cursor:pointer;
}
#twitterx {
background: #EEF9FD;
padding: 10px;
text-align:center;
border: 1px solid #C7DBE2;
border-top: 0;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top Value When Page Loaded Completed
$('#box-message').animate({top:"50px"}, 1000);
// Remove Mailbox When Close Button On Click
$('a.close').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='box-message'>
<!-- HTML Start -->
<center><a class="murub">Kalau Bermanfaat,Silahkan Dilke Ya</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://web.facebook.com/Web-Download-Software-1524721411182522/?ref=hl&amp;width=292&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;appId=371524026202784" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowtransparency="true"></iframe>
</center>
<!-- HTML End -->
<br/>
<div class="twitter">
<!-- Twitter --> <iframe title="" style="width: 250px; height: 20px;" class="twitterx-follow-button" src="#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://www.marilahcoding.com/search/label/Tutorial%20C++" target="_blank">INGIN JAGO CODING? KLIK DI SINI</a></div>
<a class='close' href='#'>&times;</a>
</div>
5. Langkah terakhir yaitu tinggal simpan

Nb: Tulisan yang sudah saya beri warna merah bisa Anda ganti.

Itulah tutorial yang dapat saya berikan mengenai cara membuat fanspage facebook yang melayang di blog, cara ini memanglah sangat mudah karena tinggal copy dan paste ke Tata Letak tanpa harus memastenya di edit html. Mungkin itu dulu tuorial dari saya semoga bermanfaat bagi Anda. 
Subscribe to this Blog via Email :