Breaking

LightBlog

Wednesday, 22 July 2015

Tips Untuk Membuat FansPage Melayang di Blog

Tips Untuk Membuat FansPage Melayang di BlogSetelah kian lama ane gak update, Alhamdulillah sekarang bisa lagi. Langsung aja lah, sekarang ana mau ngasih trick nih buat kawan semua. Trik ini merupakan trik kebanyakan blogger untuk meng-eksiskan blog, salah satunya di sosial media.


Tak lain dan tak bukan adalah sosial media atau jaringan sosial facebook. Ana kasih langsung ajalah. Inilah caranya untuk membuat fanspage kawan melayang di blog, kaya blog ane. Berikut adalah langkah-langkahnya.



  1. Buka Dasbor
  2. Kemudian pilih Tata Letak
  3. Klik HTML / Java Script
  4. Kemudia Copy kode script di bawah ini dan pastekan  

<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">Selamat Datang di HanyaKawan. Semoga Bermanfaat.</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bloghanyakawan?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=zakimuttaqin&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<div style="text-align: center;">
<a href="http://hanyakawan.blogspot.com/2015/07/Tips-untuk-Membuat-Fanspage-Melayang.html" target="_blank">Get This Widget</a></div>
<a class='close' href='#'>&times;</a>
</div>


5. Silahkan ganti tulisan yang berwarna warni dengan kehendak kawan.
6. Save, kamudian lihat hasilnya

1 comment:

  1. Wiih muantep kang trik nya .
    Ijin Copas kang 😀
    .
    Kalu berkenan mampir di gubug ane Boamboim30.blogspot dot com

    ReplyDelete

Komentarlah yang baik atau diam ^_^

Adbox