- Pastikan sobat telah Login di Blogger.
- Masuk ke Dashboard > Desain Template > Edit HTML dan cari kode <head>, agar mudah mencarinya gunakan (CTRL+F) lalu copy paste kode yang ingin dicari pada kolom yang disediakan.
- Tempelkan kode di bawah ini tepat di bawah kode <head> dan Save template Sobat. Catatan: Tombol Google +1 hanya bekerja ketika Sobat menonaktifkan tombol share default di widget "Blog Posts".
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
- Selanjutnya masuk ke Dashboard > Tata Letak, lalu klik Add gadget, kemudian pilih HTML / JavaScript.
- Paste kode di bawah ini di dalamnya lalu Save
<style>#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #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 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="http://www.yusufkarim.web.id/2015/08/Cara-Memasang-Tombol-Media-Sosial-Melayang-di-Blogger.html" title="Cara Memasang Tombol Media Sosial Melayang di Blogger"><span class="getfloat">Get buttons</span></a> </div> </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="http://www.yusufkarim.web.id/2015/08/Cara-Memasang-Tombol-Media-Sosial-Melayang-di-Blogger.html" title="Cara Memasang Tombol Media Sosial Melayang di Blogger"><span class="getfloat">Get buttons</span></a> </div> </div>
- Simpan widget Sobat, dan refresh blog Sobat. Sekarang Sobat sudah dapat melihat widgetnya disebelah kiri halaman blog Sobat. Baca juga Cara Mendaftar Alexa Tahun 2015.
loading...
Jika Sobat menyukai Artikel di blog ini, Silahkan
klik disini, atau dengan memasukkan Email Sobat dikolom subcribe dibawah. untuk berlangganan artikel gratis via email. Dengan begitu Sobat akan mendapat kiriman artikel setiap ada artikel yang terbit di yusufkarim.web.id
 |
=>Silahkan berkomentar sesuai dengan artikel diatas
=>Berkomentarlah dengan Bijak dan Sopan ConversionConversion EmoticonEmoticon