CARA MEMASANG slide out social sharing box widget DI BLOGSPOT

adding slide out social sharing box widget for blogger

* login dulu yaa
* pilih tata letak
* tambhakan gadget
* HTML/Javascript
* copy kode dibawah dan letakkan ke dalam HTML/Javascript

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style>
#MDslidebox {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 9px 9px 9px 9px;
    border: 1px solid #D7D7D7;
    top: 450px;
    display: none;
    padding: 12px 14px;
    position: fixed;
    right: 2px;
    width: 300px;
    z-index: 3;
}
</style>

<script type="text/javascript">
$(window).scroll(function(){
if($(document).scrollTop()>=$(document).height()
/4)$("#MDslidebox").show("slow");
else $("#MDslidebox").hide("slow");});
function closeMDslidebox(){$('#MDslidebox').remove();}
</script>

  <div id="MDslidebox" style="display: none;">
 <a onclick="return closeMDslidebox();" href="javascript:void(0);" style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;">(X)</a>
 <span style="font-size:14px;color:#000;font-weight:bold">Don't forget to join our community.</span>
 <iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/New-Trick-Tips-542809662487405/?ref=bookmarks&amp;width=292&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;border_color=black&amp;stream=false&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:62px;" allowtransparency="true"></iframe>
<br/>
<!-- Place this tag where you want the badge to render. -->
<div class="g-plus" data-width="300" data-height="69" data-href="https://plus.google.com/110561987544809067837" data-rel="publisher"></div>
<!-- Place this tag after the last badge tag. -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript';
 po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0];
 s.parentNode.insertBefore(po, s);
  })();
</script>
 <br/>
<a href="https://twitter.com/IvankGribatako" class="twitter-follow-button" data-show-count="false">Follow @nitinmaheta</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>

* catatan *
Ganti warna merah dengan url sosmed my

### GOOD LUCK ###

QUEEN TRICK BLOG

CARA MEMASANG slide out social sharing box widget DI BLOGSPOT

Entri Populer

Label