Cara Mudah Membuat Like Facebook Melayang Di Blog

Sosial media adalah salah satu media yang paling tren belakangan ini. seperti facebook, twitter, Google plus dan banyak lagi. para pencari trafik pun memanfaatkan sosial media ini untuk meraup trafik yang besar dari sosial media. semakin banyak fasn ini di sosial media, semakin baik pula pengjung ke situs kita.

Nah, sosial media ini adalah salah satu pengembang SEO off page. artinya mengoptimasi situs kita di luar. tentu dengan sosial media, forum, fjb dan banyak lagi. okelah. tak perlu berlama-lama, admin Portal Goodispost sendiri hanya menyisakan sedikit waktu untuk membuat artikel ini.

Berikut ini Cara paling mudah membuat like Facebook melayang di blog:
1. masuk ke blogger.
2. pilih tata letak, add gadget.
3. pilh HTML/Java
4. masukin kode dibawah ini.

<!-- 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;">Like & Follow <blink> Untuk Pantau Terus Timeline kami</blink> </p>
<!-- Mulai --!>

<a href="https://twitter.com/intent/tweet?screen_name=Goodispost" class="twitter-mention-button" data-lang="id" data-related="Goodispost">Tweet to @Goodispost</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>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FPortal-Goodispost%2F430966183639557&amp;width=310&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=true&amp;appId=504056086273584" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:310px; height:258px;" allowtransparency="true"></iframe>

<!-- 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://goodispost.blogspot.com/2013/09/cara-mudah-membuat-like-facebook.html">Portal Goodispost</a>
</p></div>

Ket:
Ganti Kode yang berwarna merah dengan kode follow twitter anda. dan berwarna biru tua, ganti dengan kode like facebook anda. jika anda hanya ingin menampilkan like facebook, hapus kode berwarna merah.