Kamis, 21 November 2013

Cara memasang likebox Facebook dan twitter melayang pada blog

Cara membuat likebox facebook dan twitter melayang pada blog atau cara membuat likebox dan twitter melayang pada blog sebenarnya adalah salah satu cara pengunjung blog anda menghargai karya atau sesuatu yang berkaitan dengan blog kita,,,dengan cara menge like atau me follow kita sebagai rasa puas terhadap hasil karya kita,sebenarnya banyak style likebox yang bisa diterapkan pada blog,namun menurut saya cara memasang likebox melayang adalah yang paling keren,jika anda menginginkan seperti likebox melayang seperti yang saya terapkan tidak da salahnya jika anda mampir di pesona-jati ini,karena saaya akan berbagi bagaimana memasang facebook likebox dan twitter melayang pada blog,

dan adapun artikel terkait "cara memasang burung twitter terbang"jika anda menginginkan/sekedar melihat silahkan klik DISINI

Ok langsung saja kita mulai mempersiapkan cara memasnag facebook likebox dan twitter terbang

  1. Login dulu ke akun Blogger Sobat.
  2. Buka Tata Letak/Desain (kanan atas)
  3. Klik Tambah Gadget.
  4. Lalu, Pilih HTML/Java Script 
  5. Copy paste kode Java Script dibawah in,Kedalam kotak yang tersedia 
<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: #15f3ff;
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: #2015ff ;
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">JEMPOL nya MANA_?</a></center>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/Dunia-Afta/177750179058521&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=AftaPratama&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: #ff15f4;">Get this <a target="_blank" href= "http://duniaafta.blogspot.com/p/cara-membuat-facebook-likebox-twitter.html"> FB flying </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Untuk kode script yang berwarna :
  • Biru    : bisa diganti dengan kata-kata lain seperti : JEMPOL nya MANA_?, Like, Like ya, Jangan Di Like. dll :
  • Merah       :https://www.facebook.com/pages/Dunia-Afta/177750179058521 diganti dengan alamat/URL Fanspage Facebook Sobat. Jika belum punya bisa dibuat "DISINI"
  • Magenta : AftaPratama diganti dengan Username Twitter sobat.

Demikian cara memasang facebook likebox dan twitter melayang pada blog ,,,silahkan mencoba agar blog anda menjadi tampil cantik dan memudahkan pengunjung blog anda untuk memberikan apresiasi jempol dan me follow anda,
                                                            semoga berhasil

Tidak ada komentar:

Posting Komentar