Selamat malam semua sahabat blogger,kali ini saya akan berbagi tutorial blogging,yaitu membuat Widget share to media sosial seperti facebook,twitter dan google plus. Mungkin bagi kita menshare postingan blog hanya cukup melalui blogger saja,namun untuk pengoptimalan masuknya backlink,ada baiknya kita menshare postingan ke semua media sosial yang kita punya,karena bisa jadi itu membuat banyak backlink bagi blog sobat.
Untuk membuat Widget media sosial ini,cukup mudah,berikut langkahnya :
1.Masuk ke blogger.com.
2.Masuk ke dashboard,kemudian tata letak.
3.Jika sudah pilih tambahkan widget kemudian klik HTML/Javascript.
4.Setelah itu copy dan pastekan script berikut ke dalam kolom javascript yang akan sobat isikan tersebut.
5.klik save,dan javascript anda akan disimpan,keudian lihat pratinjau blog anda,jika sudah maka tampilanya kurang lebih seperti ini.
Untuk membuat Widget media sosial ini,cukup mudah,berikut langkahnya :
1.Masuk ke blogger.com.
2.Masuk ke dashboard,kemudian tata letak.
3.Jika sudah pilih tambahkan widget kemudian klik HTML/Javascript.
4.Setelah itu copy dan pastekan script berikut ke dalam kolom javascript yang akan sobat isikan tersebut.
<!-- 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>
#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>
5.klik save,dan javascript anda akan disimpan,keudian lihat pratinjau blog anda,jika sudah maka tampilanya kurang lebih seperti ini.
Tidak ada salahnya jika kita menshare postingan kita ke berbagai media sosial,seperti facebook,twitter,google plus,yahoo,digg,lintas me,dan yang lainya untuk dapat banyak backlink dan like.
Blog saya ini merupakan portal bagi para teman teman newbie dalam dunia blogger,agar kita semua sharing dan saling membantu,blog saya ini mungkin bisa dibilang tergolong masih baru. Blog capunkshare ini merupakan blog tempat kita berbagi ilmu,baik di bidang teknologi,maupun hal umum lainya.
Aturan Berkomentar Di Blog Capunkshare :
1.Dilarang Keras Mencantumkan Link Aktif Pada Komentar,Jika Tidak Komentar Akan Dihapus!
2.Berkomentar Sesuai Dengan Topik Yang Dibahas
ConversionConversion EmoticonEmoticon