• River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative
  • River-Creative

Posted by : Unknown Senin, 18 November 2013





Hay Sobat River Kali Ini Saya Akan Share Cara Memasang LikeBox Dan Follow Twitter Melayang Di Blog ^_^
Langsung Aja Ya :D
  1. Login ke Blogger 
  2. Click Tata Letak
  3. Cari " Tambah HTML/Java Script "
  4. Lalu Sobat Masukkan Script di Bawah 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">Jangan Lupa Like</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/blackcyberindo&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=Imron077&amp;show_count=&amp; show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div>
<a class='close' href='#'>&times;</a>
<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://river-creative.blogspot.com/2013/11/widget-like-facebook-dan-follow-twitter.html"> widget! </a></span>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>


Note :
  • Merah : Bisa ganti Tulisan sesuai dengan ke inginan
  • Biru : Alamat Url Fanspage
  • Hijau : Nama Id twitter 

Leave a Reply

PERATURAN

[+] Sebelum Comment Follow Blog
[+] No SPAMING
[+] Berbicara Yang Sopan

Subscribe to Posts | Subscribe to Comments

Banner

ADS

Labels

Diberdayakan oleh Blogger.

Copyright © 2014 River-Creative- River Creative - Powered by Blogger - Design by Kink Exclusive. - original by Djogzs

Perhatian...!!!

1. Gunakan Google Chrome Agar Blog Terlihat Maximal.

2. Dilarang Mencuri Berbagai CSS Yang Saya Pakai.

3. Harap Share, Follow, dan Berkomentar.

4. Sekian Dan Terima Kasih.