Mengapa kita perlu media sosial Facebook, Twitter, Google +1, Digg, StumbleUpon tombol? 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.
Dalam tutorial ini saya akan menunjukkan cara untuk menambahkan mengambang tombol ini untuk blogger Anda. Yang perlu Anda lakukan adalah mengikuti langkah-langkah sederhana Di Bawah Ini :
- Pergi Ke Menu Dasboard >> Template>> Edit Html >> Lalu Cari Kode <Head>
- Paste kode bawah ini dibawah Kode <Head> dan simpan template Anda. Catatan: Google +1 tombol hanya bekerja ketika Anda menonaktifkan tombol share default di "Posting Blog" widget
<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
3. Pergi Ke Menu Template>> Tata Letak >> Tambahkan Gadget>> HTML/Javascript. Pastekan Code Di Bawah Ini :
<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.blogtipsntricks.com/2011/07/how-to-add-floating-social-media-google.html" title="Add floating social media share buttons to your blog!"><span class="getfloat">Get buttons</span></a> </div> </div>
5. Simpan widget Anda, refresh blog Anda. Sekarang Anda dapat melihat widget Sosial media tersebut pada blog anda.
Artikel keren lainnya:
blog ane ga bisa di edit2 kek gitu gan :)
ReplyDeletePasti Bisa kok,, Cuman Agan aja mungkin yang belum tau caranya
Delete