Letak Floating Share | Facebook Like Buttons Versi Hide

Sebelum ni cikgu ada kongsikan cara buat " Letak Floating Share dan Facebook Like Buttons di Sidebar blog anda " seka...

Sebelum ni cikgu ada kongsikan cara buat

" Letak Floating Share dan Facebook Like Buttons di Sidebar blog anda "

sekarang cikgu nak kongsikan cara nak hidekannya supaya blog anda xnampak serabut x kurang kecomelan.. hehe.. ikut tutorial ni 1 persatu k .

1. Log In ke dashboard > Template > Edit HTML > Proceed

2. Cari Perkataan : <head>

3. Tambah code dibawah ini sebelum code </head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

4. Tambah code dibawah ini selepas code </head>

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>

Contoh :

5. Tekan " preview" dahulu . Jika tiada Error Tekan " Save Template "

6. Tekan layout

7. Tekan Add a Gadget

8. Masukkan Code di dibawah di dalam Petak Yg disediakan :

<script type="text/javascript">

/*<![CDATA[*/

jQuery(document).ready(function() {jQuery(".btntslidebox").hover(function() {jQuery(this).stop().animate({left: "0"}, "medium");}, function() {jQuery(this).stop().animate({left: "-70"}, "medium");}, 500);});

/*]]>*/

</script>

<style type="text/css">

.btntslidebox{ background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6asrMx18V4wy-HK_U4DCq3ZYd5Ey9tTBR5W2RvZubhukraAmRUp3pnR9kO89gq7mhY5PlenNRk3PI0YHIRroNhcvfbRo35YaATvEG3IbdFrmy69YvySArUKT7xyRo6XKYQ7jV9MZdr9M/s1600/tab_left_vertical+%25281%2529.png") no-repeat scroll right top transparent !important; display: block; float: left; height: auto; padding: 0 40px 0 5px; width: 65px; z-index: 99999; position:fixed; left:-70px; top:20%;}

.btntslidebox div{ border:none; position:relative; display:block;}

#floatingbuttons{ background: #fff; border-radius: 5px 5px 5px 5px; border: 1px solid #CCCCCC; float:left; padding:0 0 3px 0; bottom:15%; z-index:399;}

#floatingbuttons .floatbutton{ float:left; clear:both; margin:5px 4px 0 4px;}

.addbuttons{ clear:both; text-align:center; padding-top:5px;}

.addbuttons a span.getfloat, .addbuttons a span.sharebuttons{ color:#000; background:none; font-family:arial, sans-serif; display:block; font-size:9px; font-weight:bold;text-decoration:none; line-height:11px;}

.addbuttons a:hover span{ color:#fff; background:none; text-decoration:underline;}

</style>

<div class="btntslidebox" style=""> <div><div id='floatingbuttons' title="Share this post!"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">

</script><script type="text/javascript"> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script><div class='floatbutton' id='facebook'><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div class='floatbutton' id='google+1'><g:plusone size="tall"></g:plusone></div>

<div class='floatbutton' id='stumbleupon'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>

<div class='floatbutton' id='digg'><a class="DiggThisButton DiggMedium"></a></div>

<div class='floatbutton' id='twitter'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div>

<div class="addbuttons"><a href="hhttp://www.cikgujazlan.my/2013/01/letak-floating-share-facebook-like.html" title="Letak Floating Share | Facebook Like Buttons Versi Hide"><span class="getfloat">Get buttons</span></a> </div> </div>

</div>

</div>