Cara Membuat Tombol Facebook,Twitter,Google Plus Melayang Pada Sidebar
Pada kesempatan kali ini saya akan membagikan Cara membuat tombol facebook,twitter,google plus melayang pada sidebar. Menurut saya, tombol share atau like facebook di blog itu penting, juga tidak kalah penting dengan tombol share ke twitter, tombol follow atau mengikuti di Account Google Plus tambahan lain seperti di StumbelUpon dan Digg, ini penting agar menambah pengunjung bagi blog Anda. Anda dapat membayangkan sendiri, jika postingan Anda banyak yang like dan share di berbagai macam social media, berapa kira-kira pengunjung baru terhadap postingan blog Anda.
Berikut saya sajikan buat Anda tutorial blog bagaimana cara membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di samping blog Anda.
Sebelumnya sobat juga bisa membaca artikel saya Cara Gampang Membuat Daftar Isi/Sitemap Keren.
1. Masuk Ke akun blog Anda
2.Masuk ke Tata Letak
3.Tambahkan Widget --> HTML/JavaScript
4.Copy Script Berikut
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;padding:0 0 2px
0;z-index:10;}#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}</style><div id='pageshare' title="Share This WithYour Friends "><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div><div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://bloggermahir.blogspot.com/2013/01/membuat-tombol-like-facebook-twitter-google-plus-melayang-disamping-blog.html">Get This</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div></div>
5. Dan yang terakhir klik simpan.
0 komentar:
Posting Komentar