Cara Membuat Tombol Share Social Bookmark Yang Melayang

Banyak banget teman keuntungan yang bakal kita dapatkan bila bisa menampilkan tombol share berbagai social bookmark maupun jejaring sosial seperti facebook, twitter, google+, dan lainnya sebab tak sedikit pula bila ada seseorang menyukai postingan kita mereka akan dengan suka rela menshare postingan kita dan membagikannya ke teman mereka yang lain di jejaring sosial ini. Pastinya, blog akan mendapat kunjungan yang lebih banyak dari biasanya, teman semua jadi tertarik untuk memasangnya ? tidak sulit kok apalagi membuat tombol share social bookmark yang menarik yang bisa melayang di dalam template blogspot kita. Berikut ni beberapa langkah membuat tombol share social bookmark yang bisa melayang...

Masuk di Dasbor Blogger.com dan kemudian pilih opsi Template

Klik link Tambah Gadget dan pilih HTML/Javascript agar kode share social bookmark ini dapat di parse dengan baik.

Masuk di widget / gadget HTML/Javascript, seperti gambar di bawah..

Kosongkan bagian judulnya dan masukkan script / kode share social bookmark di bawah ini ke dalam kotak konten.

<!-- Floating Share Buttons Start RaviSaive.in--> <style> #pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;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="Get this from BloggerSentral.com"> <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='su'> <script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script> </div> <div class='sbutton' id='digg' style='margin-left:3px;width:48px'> <script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script> <a class="DiggThisButton DiggMedium"></a> </div> <div class='sbutton' id='gb'> <a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'> <script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script> </a></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> </a></div> <div style="clear: both;font-size: 9px;text-align:center;">Get <a href="http://creatingtemplate.blogspot.com">widget</a></div> </div> <!-- floating page sharers End -->

Selanjutnya kita tinggal klik saja tombol Simpan yang berwarna kuning dibagian bawah...
Langkah berikutnya hanya tinggal menyimpan perubahan yang telah dilakukan tadi di template blogspot kita, klik tombol Simpan Setelan.

Terakhir lihat hasilnya, apakah telah sesuai atau belum dan apabila lokasinya kurang ke bawah atau di atas silakan deh teman ganti posisinya, tinggal menggeser widget dimana script tersebut disimpan ke tempat yang tepat kemudian kembali ulangi klik tombol Simpan Setelan.
Yups, semoga berhasil ya dan teman semua juga dapat menambahkan script share social bookmark yang lainnya..

Selamat mencoba dan semoga sukses !!!