Cara Praktis Membuat Tombol Share dan Like Facebook dan G+ Melayang di Blogspot

Cara praktis membuat tombol share dan like FB yang melayang di blogspot sangat mudah. Tombol share dan like yang menggantung di blog akan terlihat lebih unik dan menarik. Nah berikut ini akan kami bagikan cara praktis membuat tombol share FB dan G+ di blogspot yang terlihat menggantung.

Langkah 1:
Silakan Anda login ke blogger terlebih dahulu

Langkah 2:
Masuk ke pengaturan Tata Letak

Langkah 3:
Setelah masuk ke Tata Letak silakan klik Tambah Gadget >> pilih HTML/JavaScript

Langkah 4:
Masukkan kode script berikut ini:

<style>


            #pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px

            0;z-index:10;}

            #pageshare .sbutton {float:left;clear:both;margin:5px 5px 5px 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;-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="bagikan ke teman anda">
            <div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
            <div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></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="addthis_toolbox addthis_default_style "> <a class="addthis_counter"></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d3ffced39626c02"></script><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://ide-praktis.blogspot.com/" target="blank"><font color="blue">Ide Praktis<font></font></font></a></div></div>

Langkah 5:
Jangan ragu lagi klik Simpan

Langkah 6:
Silakan Anda tersenyum karena pengerjaan Anda sudah selesai