Cara memasang tombol like facebook di blog

Untuk memasang tombol like facebook di blog caranya sangat mudah sekali.
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.

Mudahkan proses untuk pemasangan tombol like facebook'nya di blog? selamat mencoba...semoga kamu berhasil.

1 komentar:

Anonim mengatakan... balas komentar

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


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS