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 


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




x-)

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



2. Cari Perkataan  : <head>

Catatan ( gerakkan mouse anda disini )InformationInformationGuna F3 untuk memudahkan pencarian


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: &#39;en-US&#39;} </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("http://3.bp.blogspot.com/-mxous3I9BZA/UOvrYP0TUeI/AAAAAAAABno/0tvF7-QqvoA/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><!-- Medium Button --><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>


9 . Tekan Save

 
Catatan ( Gerakkan mouse anda kesini )InformationInformationTitle HTML tersebut Biarkan Kosong

10. Sekarang lihat blog anda (o)

COMMENTS

Nama

Agama Alat Bantu Mengajar Bahan dan Alatan BMM3105 broadband Cikgu Jazlan Cover File doa Domain .my Fotografi IPGKTAA Event Koleksi Cerpen Lain - Lain LOGO IPG KPM IPGKTAA Nota Bahasa Melayu Nota IPG Panduan KKBI PENDIDIKAN SENI VISUAL PJK PRU13 Running man Santai SERVIS Sukatan BM THUN 1-6 Tutorial TUTORIAL BLOG Tutorial Box.com Tv Online Virus Widget Blog
false
ltr
item
CIKGU JAZLAN: Letak Floating Share | Facebook Like Buttons Versi Hide
Letak Floating Share | Facebook Like Buttons Versi Hide
http://2.bp.blogspot.com/-S6eByy8fCYQ/UOvsaF-EGsI/AAAAAAAABn8/5regiwbrQCg/s1600/HD.png
http://2.bp.blogspot.com/-S6eByy8fCYQ/UOvsaF-EGsI/AAAAAAAABn8/5regiwbrQCg/s72-c/HD.png
CIKGU JAZLAN
http://www.cikgujazlan.my/2013/01/letak-floating-share-facebook-like.html
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/
http://www.cikgujazlan.my/2013/01/letak-floating-share-facebook-like.html
true
4504742246731490904
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please Like | Share to Unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy