Blogspot yang membahas tentang Tutorial Blogger, Animasi Blogger, Google Adsense, Game Blogger, Seo Blogger, Template Blogger, TV Online, Dan Tools Blogger

Saturday 25 January 2014

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
Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang 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 MelayangCara 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
DMCA.com

Cara Membuat Fanspage Facebook Dan Follow Twitter Melayang Di Blog Rating: 4.5 Diposkan Oleh: Fikri

10 komentar:

  1. ini pasti tips yang banyak dicari-cari nih.. :D

    ReplyDelete
  2. Wah Keren Nih Patut Di Coba (y)

    ReplyDelete
  3. Nice gan,,,Pas Nih buat Blog baru saya

    ReplyDelete
  4. Wah Mantap NIe Gan Tutorialnya Ane Coba Dulu Gan

    ReplyDelete
  5. niche info sob. keep posting....

    ReplyDelete
  6. Terimakasih gan.. skali coba lagsung markotop top.. hehehe.. sukses slalu gan..

    ReplyDelete
  7. terima kasih banyak atas infonya, salam kenal dan sukses selalu http://giribig.com/

    ReplyDelete
  8. thanks buat tutornya gan,, sangat memabantu sekali.. http://goo.gl/WkPZ2C

    ReplyDelete

 
notifikasi
close