Selamat Datang di Uchavision Semoga Bermanfaat | Pasang Iklan Baris Gratis

Wednesday, July 2, 2014

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.


Cara Membuat Like Fanspage Melayang Di Blog, fanspage banyak like 
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 Mungkin Menyukai:

0 komentar:

Post a Comment

> Berkomentar yang bijak ya sob.
> No Sara
> Ane berhak menghapus pesan yang gak masuk akal

Cek Resi Kiriman Anda