Cara Membuat Fanspage dan Follow Twitter Melayang di Blog

Cara Membuat Fanspage dan Follow Twitter Melayang di Blog – Hal ini bertujuan untuk mempromosikan fanspage dan twitter. Dan tujuan lainnya adalah menambah teman dan sahabat yang sedang berkunjung diblog agar terhubung dengan blog yang di like dan follow.

Membuat fanspage dan follow twitter melayang di blog itu tidaklah sulit,bahkan terbilang sangat mudah sekali. Sobat cuma tinggal copy kode kemudian paste di blog sobat. Proses pengeditan kode cuma butuh waktu hanya beberapa menit.Bagian susahnya itu mendapatkan like ,terkadang orang tinggal klik suka aja susahnya minta ampun hehehe.

Oke langsung aja disimak step by step cara buat fanspage facebook melayang di blog berikut ini :

1. Siapkan nama / id fanspage sobat jika sudah punya fanspage atau buka halaman ini dulu untuk membuat fanspage klik disini.
2. Login ke dashboard blogger sobat
3. Pilih Template > Edit HTML
4. Cari kode </head> kemudian copy dan pastekan kode berikut ini tepat di atas kode </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

 - klik simpan template

5. Buka tata letak > Tambahkan Gadget > HTML/ Java Script
6. Setelah Gadget ditambahkan klik edit. Kemudian copy kode berikut dan pastekan pada kotak HTML / Java Script tersebut,

<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">isi sesuka hatimu</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/usernamefanspagemu?
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="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=namatweeterkamu&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
</div>

 - Klik Simpan dan hasilnya akan serperti gambar di bawah ini,

   Demikian tutor singkat saya tentang Cara Membuat Fanspage dan Follow Twitter Melayang di Blog. Cukup mudah kan kawan, okelah sampai disini jumpa saya, jangan lupa Join Site yah !!
Semoga bermanfaat !!
Kunjungi juga INI ada banyak artikel artikel menarik :) ZIDANEO.