Untuk langkah-langkahnya sangatlah mudah, ikut step-step yang telah aku gariskan di bawah :

1. Sila log in ke Blogspot.com
2. Pergi ke bahagian Design –> Page Element
3. Add a Gadget dan pilih ‘HTML/JavaScript’
4. Kemudian masukkan code berikut.

 <!-- floating page sharers Start--> <style type="text/css"> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#F2F2F2;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Share to Your Friends"> <div style="clear: both;font-size: 16px;text-align:center;"> </div> <div class='sbutton' id='gplusone'> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <g:plusone size="tall"></g:plusone> </div> <div class='sbutton' id='fb'> <a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script> </div> <div class='sbutton' id='rt'> <script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></script> </div> <div class='sbutton' id='rw'> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_counter"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d764bd843e747be"></script> <a href=" http://www.masterzuheir.com/tutorial/blogspot/1-tutorial-blogspot-buat-button-like-fbtweet-dan-google-plus.html"/>Get this</a> <!-- floating page sharers End --></div></div> 

5. Simpan Gadget Anda dan selesai.

 

——————————————————————————————————————————–

 

——————————————————————————————————————————–

Blog Anda akan terlihat seperti dalam gambar di bawah ini.

Lihat Di Sini###Untuk code diatas anda tak perlu lagi mengubahnya sebab code di atas memang sudah tersedia ada.Jika anda tidak pandai lagi dalam gubahan code,please don’t kill ur self nak try ubah2.Hanya siap untuk dipakai.

Semoga membantu Anda yang ingin mencari tutorial ini.
Selamat mencuba terima kasih dan jangan lupa berikan feedback anda selepas anda guna tutorial ni supaya aku boleh upgrade kan kualiti blog aku.

No related posts.