Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Tuesday, 29 May 2012

Tombol Share Melayang di Blog

mo buat tombol share melayang di blog. ini caranya........
Untuk langkah-langkahnya sangatlah mudah, lihat sebagai berikut

1. Masuk Blogger.com
2. Pilih icon "Go to post list" ->> Layout/ tata letak
3. Tambah Gadget HTML/ JavaScript
4. Masukkan kode 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://berbagi-kreativitas.blogspot.com/2012/01/buat-tombol-multi-share-blog.html"/>Get this</a>  
 <!-- floating page sharers End --></div></div>  
5. Simpan dan selesai.