Home » » Cara Mudah Membuat Like Fans Page Facebook Melayang Di Blog

Cara Mudah Membuat Like Fans Page Facebook Melayang Di Blog

like fanspage
Membuat Fans Page Facebook pada sebuah blog, pada saat ini merupakan satu keharusan bagi sebuah blog selain peringkat blog yang dilakukan oleh Alexa. Tingkat kepopuleran sebuah blog terkadang dilihat juga dengan banyaknya Like pada sebuah blog pada Fans Page yang di pasang.
Pada beberapa saat yang lalu saya pernah membuat sebuah artikel mengenai Cara Membuat Like Fans Page Facebook. (baca  Di Sini dan  Di Sini). Untuk kali ini, Tampilan Like Fans Page-nya akan dibuat melayang dan akan tampil bila pengunjung mengklik artikel yang ada.Cara pemasangan Fans Page ini sangatlah mudah. Ikuti langkahnya di bawah ini : 

1. Log In pada blogger yang kamu miliki.
2. Silakan Pilih Tata Letak dan klik Tambahkan Gadget.
3. Pada pilihan HTML/JavaScript, pastekan 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:350px;
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">Jika Bermanfaat, Silakan Dilike Ya..</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/MiniBlogger28-375008009343525?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=israbtb&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://www.miniblogger28.com" target="_blank">Terima Kasih Kunjungannya</a></div>
<a class='close' href='#'>&times;</a>
</div>

4. Silakan ganti beberapa kode yang diwarnai.
* Teks warna Ungu diganti dengan kalimat yang diinginkan.
* Teks warna Merah diganti dengan alamat fans Page Facebook yang dimiliki.
* Teks warna Biru ganti dengan user name twitter. Contoh @israbtbt hanya ditulis israbtb.

5. Save jika dirasakan selesai.
Perlu diperhatikan diwaktu mengCopy Paste kode di atas, lakukan dengan hati-hati agar klik tombol close nya bekerja.

Silakan lakukan pratinjau untuk melihat hasilnya.
Semoga artikel singkat ini ada manfaatnya.
Tag : Menambahkan Like Fans Page Melayang, Memasang Like Fans Page Facebook Melayang, Like Fans Page Melayang, 

0 komentar:

Post a Comment

* Komentarlah yang sopan dan tidak mengandung sarah.
* Jangan gunakan Kotak Komentar dengan promosi produk serta usaha yang anda miliki. Silakan gunakan sarana Review Produk dan Jasa di blog ini. Maaf, akan dihapus.
* Terima kasih atas kunjungan, komentar dan partisipasi yang diberikan.

.