Posted by : Unknown
Sabtu, 26 Oktober 2013
Hay Sobat IBC Kali Ini Saya Akan Share Cara Memasang LikeBox Dan Follow Twitter Melayang Di Blog ^_^
Langsung Aja Ya :D
- Login ke Blogger
- Click Tata Letak
- Cari " Tambah HTML/Java Script "
- 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;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;padding:16px;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&width=292&height=258&colorscheme=light&show_faces=true&border_color&stream=false&header=false&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& align=&button=blue&id=twitter_tweet_button_0& lang=ID&link_color=&screen_name=Imron077&show_count=& show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe> </div><a class='close' href='#'>×</a><br /><div style="text-align:center"><span style="float:right; color:#000000;">Get this <a target="_blank" href="http://indoblackcyber.blogspot.com/2013/10/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
Related Posts :
- Back to Home »
- TIPS AND TRIK , TRICK , TUTORIAL »
- Widget Like Facebook Dan Follow Twitter Melayang