Membuat Fanspage Melayang di Blog

Membuat Fanspage Melayang di Blog - Sobat pasti pernah melihat fanspages facebook melayang di blog. Seperti pada blog uchavision ini. Apabila sobat ingin memasang fanspage sobat ayo simak ulasan ucha berikut ini.

Salah satu fungsi dari pemasangan fanspage ini adalah untuk meningkatkan popularitas halaman yang sedang kita kelola.Karena kita akan mendapat banyak like sob.

 

Simak yuk cara-cara pemasangan widget ini.

1. Buka Dasbord Blogspot sobat.

2. Pilih Tata letak / Layout.

3. Klik HTML/Javascript.

4. Masukkan kode berikut 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">Bantu Like nya yah sob :)</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/One-Stream/592454620870842?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=ucha14&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://uchavision.blogspot.com/2014/07/membuat-fanspage-melayang-di-blog.html" target="_blank">Get This Widget</a></div>
<a class='close' href='ucha14'>&times;</a>
</div>

5. Edit Sesuai keterangan dibawah ini.
warna biru = Kata-kata yang ingin sobat gunakan.
warna merah =  Url Halaman Fanspage sobat
warna hijau = twitter sobat (misal twitter sobat @ucha14 maka ganti denga ucha14 saja)

6. Save pengaturan tersebut.

Silahkan di coba sob. Ingat hati-hati ketika mengedit skrip tersebut. semoga bermanfaat. 

Anda baru saja membaca artikel yang berkategori Belajar Blog / Pengetahuan / Tips dengan judul "Membuat Fanspage Melayang di Blog". Anda bisa Menemukan artikel ini dengan link http://uchavision.blogspot.com/2014/07/membuat-fanspage-melayang-di-blog.html dan anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Membuat Fanspage Melayang di Blog ini sangat bermanfaat bagi teman-teman anda, namun jangan lupa untuk meletakkan link Membuat Fanspage Melayang di Blog sumbernya.

Anda Mungkin Menyukai:

Posted in: Belajar Blog,Pengetahuan,Tips