Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog

Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog - Blogger Update. Malam ini yang indah saya akan share tutorial blogger, Cara Membuat Fanspage Facebook Melayang Di Blog meski sudah banyak pemain blogger yang tahu tapi kali ini saya share buat pemain blog yang belum tahu dan permintaan seorang yang berkomentar di blog saya ini. oh iyah saya juga pernah share yang berkaitan dengan kata facebook yaitu Cara Memasang Komentar Facebook Blogger  dan Template Blogger Facebook. Cara ini juga merupakan cara jitu untuk menambahkan like Fanspage kita. Ini merupakan widget yang mempunyai tombol close sehingga pengunjung bisa meng-close widget ini. Widget ini dilengkapi dengan tombol follow twitter yang berguna untuk menambah follower gratis twitter. Langsung saja liat screenshoot Fanspage Facebook Dan Follow Twitter Di Blog : 

Langkah-Langkah Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog

1. Masuk ke Blogger 

2. Masuk ke Dashboard Blogger anda.
3. Klik 'Tata Letak'.
4. Klik 'Tambahkan Gadget'.

5. Pilih 'HTML/JavaScript'. 

6. Copy script dibawah ini dan masukan ke dalam gadget HTML/JavaScript tadi.

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

Note :
Ganti huruf berwarna hijau dengan sesuka anda.
Ganti huruf berwarna merah dengan halaman fanspage anda atau url halaman fanspage anda.
Ganti huruf berwarna biru dengan akun twitter anda.

7. Klik 'Simpan" dan selesai

Jika ada yang belum jelas atau ada kesalahan, anda bisa berkomentar dibawah ini  dengan pertanyaan lalu saya akan menjawab sebisa saya. Sekian dari saya Mochammad Fikri yang menuliskan artikel tentang Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog. Simak juga artikel saya yang lainnya : Cara Memasang Iklan Disamping Kiri dan Kanan Blog Melayang, Cara Membuat Iklan Melayang Di Bawah Blogger Dengan Tombol Close, dan Cara Membuat Artikel Yang Berkualitas SEO Friendly. Terima kasih sudah berkunjung.

Dilarang untuk meng-copas artikel ini kecuali menuliskan sumbernya

Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog 2014-01-25T20:57:00+07:00 Rating: 4.5 Diposkan Oleh: Fikri