Sebelum nya banyak teman-teman Blogger yg kebingungan memasang fanspage FB dan tweet dan Google+
( Tombol Button Social ) dari pada banyak widget yg di pakai apa lagi blog nya sempit kaya blog ane :D
mending gunain cara kaya gini simple kgk ngeberatin blogg dan loading cepat
Langsung aja tutor nya
1. Login ke Akun Blogger agan Terlebih dahulu
2. Terus klik Tata Letak
3. Buat widget HTML
4. Dan COPY PASTE Code nya di bawah ini ( ingat masukan code nya di WIDGET HTML agan )
<style>
/* Social Widget */
#ForYouFree-bar {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
width:300;
}
.fb-likebutton {
background: #fff;
padding: 10px 13px 0 10px;
border-right: 1px solid #D8E6EB;
border-left: 1px solid #D8E6EB;
border-bottom: 1px solid #D8E6EB;
margin:0px;
height:45px;
}
.googleplus {
background: #F5FCFE;
border-top: 1px solid #FFF;
border-bottom: 1px solid #ebebeb;
border-right: 1px solid #D8E6EB;
border-left: 1px solid #D8E6EB;
border-image: initial;
font-size: .90em;
font-family: "Arial","Helvetica",sans-serif;
color: #000;
padding: 9px 11px;
line-height: 1px;}
.googleplus span {
color: #000;
font-size: 11px;
position: absolute;
display:inline-block;
margin: 9px 70px;}
.g-plusone { float: left;}
.gplus {
background: #fff;
padding: 0px;
border: 0px solid #C7DBE2;
margin-bottom:-13px;}
.twitter {
background: #EEF9FD;
padding: 10px;
border: 1px solid #C7DBE2;
border-top: 0;}
</style>
<!--begin of social widget-->
<div style="margin-bottom:10px;">
<div id="ForYouFree-bar" >
<!-- Google Plus-->
<div class="gplus"> <link href="http://plus.google.com/107359096373236455795" rel="publisher" />
<!-- Place this tag where you want the badge to render -->
<g:plus href="http://plus.google.com/107359096373236455795" width="300" height="69" margin="0px" theme="light"></g:plus>
</div>
<div class="fb-likebutton">
<!-- Facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com/LiDoFimo&send=false&layout=standard&width=230&show_faces=false&font=arial&colorscheme=light&action=like&height=80&appId=142184962628769"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
width:230px; height:80px;" allowtransparency="true"></iframe>
</div>
<div class="googleplus">
<!-- Google -->
<g:plusone size="standard" annotation="inline" width="300" href="http://www.cyberkurai.com/"></g:plusone>
</div>
<div class="twitter">
<!-- Twitter -->
<a class="twitter-follow-button" data-lang="id" data-show-count="true" href="https://twitter.com/agungprasetyosm">Ikuti @agungprasetyosm</a>
<script>!function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div></div>
saya hanya mendapatkan Code HTML nya dari teman blogger saya xixixi
Keterangan :
Ubah kode Warna Merah dengan URL blog agan.
Ubah kode Warna Hijau dengan URL ID Twitter agan.
Ubah kode Warna Orange dengan ID google+ agan.
Ubah kode Warna Biru dengan alamat Halaman FansPage Facebook agan.
5. Jika Kode berhasil jangan Lupa Klik Simpan y
