Berkut saya sajikan buat Anda tutorial blog bagaimana cara
membuat tombol facebook, twitter, Google plus, StumbleUpon dan Digg melayang di
samping blog Anda. Oke Langsung aja sob.... simak neh caranya :
- Seperti biasa, Anda log in dulu lah ke blog Anda.
- Setelah masuk, langsung tuju saja bagian Tata Letak
- Tambahkan Gadget (di bagian apa saja), kemudian tambah HTML/Javascript
- Copy kode HTML berikut
<!--SideBar Floating Share Buttons Code Start-->
<style>
#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 With Your
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='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>
|
- Jika sudah, klik Save, dan Silahkan Pratinjau Hasinya......
Ok... sampai disini aja SOB.... silahkan Praktekkan sendiri yah.... dan jangan lupa,,,,, sisip KOMEN dan LIKE nya ya...hehehehe
Ditulis Oleh Unknown Tanggal Thursday, October 16, 2014 | 5:14 AM
Bagikan Artikel ini Di :
Tweet
thanks gan ditunggu kunbalnya yya
ReplyDelete---Instrumen Naruto Lengkap---
good mas.thks
ReplyDelete