Cara Pasang Tombol Share [bagikan] Melayang Kiri di Blog

Goglees - Selamat datang kembali sobat, setelah kemari kita telah membahas tentang Cara Pasang Gadget Widget Komentar Terbaru [recent comment] Pada Blogspot. Kali ini penulis akan mengajak anda menyimak tutor mengenai Cara Pasang Tombol Share [bagikan] Melayang Kiri di Blog. Memang kita ketahui bahwa blog yang baik itu adalah blog yang sering dishare/bagikan oleh para pembacanya. Oleh sebab itu kita sebagai blogger harus mempermudah para pembaca untuk membagikan artikel-artikel yang kita buat, salah satu cara adalah membuat Tombol Share [bagikan] Melayang Kiri di Blog dengan adanya tombol share yang melayang dapat mempermudah para pembaca untuk membagikan artikel artikel milik anda.

Bentuk Tombol Share [bagikan] Melayang Kiri di Blog

Agar sobat tambah yakin tentang Tombol Share [bagikan] Melayang Kiri di Blog maka penulis akan memberikan sedikit gambar mengenai bentuk dari tombol share ini.

Gambar diatas merupakan bentuk dari tombol share melayang sebelah kiri blog dengan didalamnya terdapat tombo share facebook, share twitter, dan share Google+.

Tertarik kah anda sob? jika tertarik mari kita simak cara pembuatannya.

Cara Pasang Tombol Share [bagikan] Melayang Kiri di Blog

Seperti biasa, pertama login akun blogger anda.

Kedua, Pada Dashboard pilih Tata Letak → Tambahkan Gadget → Pilih HTML/Javascript. Kemudian setelah itu masukan kode widget tombol share melayang di bawah ini kedalamnya.

ingat gadget tidak perlu dikasih judul.

<!-- Floating social media buttons by www.howbler.com --><style> #floatingbuttons{background:#41A317;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, #80A81C));background:-moz-linear-gradient(top, #41A317, #41A317);border:1px solid #739619;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:#fff;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='twitter'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a></div> <!-- end Floating social media buttons by www.howbler.com --></div>

Terakhir, klik simpan.
Bagaimana? Sekian ulasan tentang Cara Pasang Tombol Share [bagikan] Melayang Kiri di Blog semoga berhasil sobat.
Terimakasih atas waktunya.