Untuk memasang tombol like facebook di blog caranya sangat mudah sekali.
<!-- Floating social media buttons by http://solo-on-line.blogspot.com/ -->
<style> #floatingbuttons{background:blue;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, blue));background:-moz-linear-gradient(top, orange, orange);border:1px solid red;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 http://solo-on-line.blogspot.com/ --></div>
Langkah pertama yang harus disiapkan adalah kamu harus sudah punya script atau kode html untuk tombol like facebook'nya!
Untuk kamu yang belum memilikinya, lihat scriptnya dibawah ini!<!-- Floating social media buttons by http://solo-on-line.blogspot.com/ -->
<style> #floatingbuttons{background:blue;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #A1D423), color-stop(1, blue));background:-moz-linear-gradient(top, orange, orange);border:1px solid red;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 http://solo-on-line.blogspot.com/ --></div>
Perhatikan! bahwa script diatas bisa kamu edit. Untuk mengubah warna background kotak tombol like facebooknya menjadi merah, ganti 2 kata orange diatas dengan kata merah, atau dengan warna lainnya yang sesuai dengan pilihannmu. Untuk mengubah warna garis tepinya, ganti kata red berwarna biru diatas dengan warna sesukamu.
Kemudian setelah kamu selesai mengeditnya, copy script diatas dan paste ke widget html / javascript tata letak blog kamu! lihat hasilnya! tombol like facebook di temani tombol share google plus dan twitter sudah muncul dihalaman blog kamu dibagian sebelah kiri.
Kemudian setelah kamu selesai mengeditnya, copy script diatas dan paste ke widget html / javascript tata letak blog kamu! lihat hasilnya! tombol like facebook di temani tombol share google plus dan twitter sudah muncul dihalaman blog kamu dibagian sebelah kiri.
Mudahkan proses untuk pemasangan tombol like facebook'nya di blog? selamat mencoba...semoga kamu berhasil.
1 comments:
I don't even understand how I ended up right here, but I thought this
put up used to be good. I don't recognise who you are but certainly you're going to a
well-known blogger should you aren't already. Cheers!
Check out my weblog - tata cara
Posting Komentar