Cara Membuat Like Fanspage Facebook Melayang di Blogger

1. Pilih Dasboard >> Tata Letak >> Tambah Gagdet. >> HTML javascript

2. Copy Code Di bawah ini lalu copy kan ke HTML javasrcipt

Contoh =.

<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">Jangan di Lupa Like dan Follow ya</a></center>

<center>

<div class="fb-like-box" data-href="https://www.facebook.com/pages/wayanfai-sblogspotcom/173109309535395" data-width="280" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

</center>

<!-- HTML End -->

<br/>

<div class="twitter">

<!-- Twitter --> <a href="https://twitter.com/wayanfais" class="twitter-follow-button" data-show-count="false" data-lang="id">Ikuti @wayanfais</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div>

<a class='close' href='#'>&times;</a>

</div>

NB:

Yang Berwana Merah Ganti Sesuka Kamu Ajah

Yang Berwarna Hijau Ganti Dengan Url Halaman Kamu

Yang Berwarna Ungu Ganti Dengan Nama Twiiter Kamu.


3. Simpan Dan Liat Hasilnya

Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan sarannya saya harapkan utuk membantu pengembangan website saya, Kritik dan Saran dapat disampaikan melalui kotak komentar atau Diskusikan Bersama

Berbagi artikel ini Ke : Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 08.04 and have 0 komentar