Cara Membuat Likebox Fanspage Melayang di Blogspot

Hai sob, kali ini saya akan membagikan sebuah Tutorial blogger. Yaitu Cara membuat Likebox di Blog dengan format melayang. Likebox ini sangat bermanfaat bagi Blogger yang mempunyai Fanspage dan Ingin mempunyai banyak Likers. Cara yang satu ini sangat mudah. Tak usah memerlukan kode yang diambil dari facebook, tak usah membuka dan mengedit Template, dan juga bagi sobat yang mempunyai twitter dan ingin dipromosikan di blog. Ini bisa jadi solusi yang hemat tempat karena disertakan juga dalam
Likebox ini. Jadi intinya simple saja membuat Likebox. Oke langsung saja sobat baca nih tutorial step by step dibawah.

1. Pastikan sobat telah memiliki Fanspage Facebook. kalau sobat belum mempunyainya, silahkan Buat DISINI

2. Masuk ke Blogger > Tata Letak > Tambahkan Gadget.

3. Pilih HTML/Javascript

4. Judul dikosongkan, Masukkan kode dibawah ini.

------------------------------------------------------------------------------------------------------------

<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">Like kami di Facebook juga yah sob</a></center>

<center>

<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/IndahNyaPulauLombok/508971262486137;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="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp; align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp; lang=ID&amp;link_color=&amp;screen_name=MuhammadZein&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>

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

</div>

---------------------------------------------------------------------------------

-Yang berwarna Merah silahkan ganti dengan kata-kata yang sobat kehendaki.

-Yang berwarna Hijau silahkan ganti dengan Link Fanspage sobat. Usahakan disertakan dengan ID fanspage sobat ( seperti https://www.facebook.com/IndahNyaPulauLombok/508971262486137 )

-Yang berwarna Biru silahkan ganti dengan ID Twitter Sobat.

5. Simpan Gadget, dan lihat hasilnya.

Contoh Likebox yang dipasang di blog ini

Jika ada kesulitan silahkan Berkomentar. Terimakasih, semoga bermanfaat :D

BAGI TEMAN-TEMAN YANG BELUM TAU CARA UNTUK MELIHAT ID FANPAGE TEMEN-TEMEN KLIK DISINI