Mimpi anak pulau garam : Bagaimana Cara menambahkan tombol share melayang di blog

Tuesday, January 8, 2013

Bagaimana Cara menambahkan tombol share melayang di blog

Bagaimana Cara menambahkan tombol share melayang di blog

Assalamu Alaikum..
Salam settong dhere untuk taretan Mahasiswa Madura khususnya dan taretan semuanya pada umumnya..

kali ini aku ingin share Bagaimana Cara menambahkan tombol share melayang di blog kita,, khususnya blospot ya.. gampang bgt ternyata tretan..
oke langsung cekidooot ya..

Langkah awal silahkan masuk ke dasbor--> edit HTML
Centang expand template
copy dan paste code berikut tepat di bawah <head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
klo sudah, tambah gedget di sidebar dan pilih HTML/Javascript, kemudian masukkan kode di bawah ini:

<style>#floatingbuttons{background:#aaa;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #f2f2f2), color-stop(1, #aaa));background:-moz-linear-gradient(top, #f2f2f2, #aaa);border:1px solid #808080;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><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><div class='floatbutton' id='linkedin'><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script></div><div class="addbuttons"><a href="http://kuliahanakmadura.blogspot.com/2013/01/bagaimana-cara-menambahkan-tombol-share.html" title="Add floating social media share buttons to your blog!"><span class="getfloat">Dapatkan Tombol Share</span><div style="clear:both"></div><span class="sharebuttons">ini</span></a> </div></div>
oke, selanjutnya di SAVE dan lihat hasilnya blognya ya.. pasti JAGO tretan. ato bisa lihat di sampig kiri blog ini tretan..

Semoga bermanfaat buat Semuanya ya. Amiin..