Membuat Tombol Share Floating Di Samping Blog
By aLdyputRa on January 21st, 2013 in Tips And Trik
Membuat Tombol Share Floating Di Samping Blog – Kesempatan kali ini saya akan memberikan sedikit artikel mengenai dunia blogging. Setelah beberapa waktu yang lalu saya memberikan sebuah artikel mengenai Kategori Foto Dalam Dunia Fotografi kali ini saya akan memberikan sedikit informasi lainnya mengenai bagaimana sebenarnya cara untuk Membuat Tombol Share Floating Di Samping Blog.
Tombol Share merupakan salah satu cara untuk meningkatkan trafik blog dengan menshare ke berbagai social network maka akan mendatangkan banyak pegunjung kedalam situs kita melalui yang orang lain share dijejaring sosialnya.Memang sudah banyak yang memberikan artikel seperti ini, namun apa salahnya saya coba memberikan kembali untuk sahabat – sahabat semuanya.
Baiklah,daripada saya terlalu lama berbasa- basi tidak jelas lebih baik langsung saja saya berikan caranya. Silahkan di simak baik baik ya apa yang saya berikan untuk teman – teman semuanya.
Membuat Tombol Share Floating
Berikut ini adalah cara untuk Membuat Tombol Share Floating Di Samping Blog dengan menggunakan blogspot :
- Login ke blogspot.
- Pilih template.
- Edit HTML.
- Cari kode ini <head>
- Copy kode ini di tepat dibawahnya : <script src=’https://apis.google.com/js/plusone.js’ type=’text/javascript’/>
- Save kemudian close.
- Kemudian pilih Layout.
- Add a gadget.
- Pilih opsi HTML/Javascript.
- Kemudian copy paste code ini
<!-- Floating social media buttons by www.howbler.com --><style>
#floatingbuttons{background:#295698;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3980E6), color-stop(1, #295698));background:-moz-linear-gradient(top, #3980E6, #295698);border:1px solid #1E4A8A;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.col/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>- Save
Bagaimana ?? Mudah bukan ?? Untuk yang menggunakan wordpress langkahnya sama saja, namun untuk penempatan dibawah <head> ada berada pada file header.php yang ada di bagian Appearance dashboard wordpress teman – teman semuanya. Mungkin sekian dulu informasi sederhana yang dapat saya berikan,semoga teman – teman menjadi tahu bagaimana cara untuk Membuat Tombol Share Floating Di Samping Blog.
