Membuat tombol Berbagi Sosial Media(Google +1, Facebook, Twitter, Digg, Stumbleupon) Melayang pada Blog

Membuat tombol Berbagi Sosial Media(Google +1, Facebook, Twitter, Digg, Stumbleupon) pada Blog

Sosial Media seperti Google +1, Facebook, Twitter, Digg, Stumbleupon mungkin tidak asing ditelinga kita, dan pasti sobat memiliki salah satu akun yang saya sebutkan tadi.

Mengapa Berbagi ke Sosial Media itu penting ? Media sosial adalah cara yang bagus untuk mengarahkan lalu lintas ke situs Anda. Dapatkan tombol ini berarti bahwa Anda akan memiliki kesempatan yang lebih baik untuk membuat situs Anda menjadi populer.

Membuat Widget/tombol Berbagi Sosial media Melayang pada Blog kita

1. Anda masuk ke dashboard blog anda

2. Pilih Template >> Edit HTML dan cari kode <head>

3. Copy kode dibawah ini dan paste di tepat di bawah <head>

<Script src = 'http: //apis.google.com/js/plusone.js' type = 'text / javascript'> {lang: & # 39; en-US & # 39;} </ script>

4. Jangan Lupa diSimpan :D
5. esst caranya belom selesai lho nah sekarang anda pergi ke Tata Letak >> Tambahkan Gadget >> HTML/javaScript Masukan code dibawah ini :D

<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://triznowibowo.blogspot.com/2014/08/membuat-tombol-berbagi-sosial.html" title="Membuat tombol Berbagi Sosial Media"><span class="getfloat">Get buttons</span></a> </div> </div>

6. Jangan Lupa diSimpan ya :v dan lihat hasilnya :v

Saya berharap trik ini akan membantu Anda . Tulis komentar Berharga Anda tentang artikel ini dan juga jangan lupa untuk berbagi artikel ini di Jaringan sosial untuk menyebarkan Pengetahuan. 1 klik G+ sangat berguna untuk mengembangkan Blog ini.