Cara Menambahkan G+ Followers Dan Facebook Like Box Sliding Widget ~ Pintu Seo Blog ~ bloganda

Cara Menambahkan G+ Followers Dan Facebook Like Box Sliding Widget

Cara Menambahkan G+ Followers Dan Facebook Like Box Sliding Widget | Pintu Seo - Membuat G+ Followes & Facebook Like Box dapat menambahkan followers G+ & Facebook , kali ini saya akan membagikan tutorial Cara Menambahkan G+ Followers Dan Facebook Like Box Sliding Widget lihat demonya di bawah ini + caranya .

DEMO

Cara Menambahkan G+ Followers Dan Facebook Like Box Sliding Widget

Sekarang masuk menu Template --> Pilih edit HTML
Klik Ctrl+F dan cari kode ]]></b:skin>
Kemudian letakkan kode CSS berikut diatas kode ]]></b:skin>

/* CSS ScrollBar WWW.PINTUSEO.BLOGSPOT.COM*/
.socialbox{
    position:fixed;
    top:100px;
    right:-286px;
    height:250px;
    width:285px;
    background:#efefef;
    border:1px solid #bbb;
    border-right:0;
    transition:all 400ms ease-in-out;
    border-radius:0 0 0 3px;
}
.fbicon-box{
    width:30px;
    height:35px;
    position:absolute;
    top:-1px;
    left:-30px;
    background:#405D9B;
    border-radius:3px 0 0 3px;
    color:#fff;
    font-family:Arial;
    font-size:30px;
    font-weight:700;
    text-align:center;
    padding-top:2px;
}
.socialbox:hover{
    right:0;
    z-index:2;
}

.socialbox2{
    position:fixed;
    top:145px;
    right:-279px;
    height:230px;
    width:258px;
    background:#efefef;
    border:1px solid #bbb;
    border-right:0;
    transition:all 400ms ease-in-out;
    border-radius:0 0 0 3px;
    padding:10px;
}
.gpicon-box{
    width:30px;
    height:32px;
    position:absolute;
    top:-1px;
    left:-30px;
    background:#DD4B39;
    border-radius:3px 0 0 3px;
    color:#fff;
    font-family:Georgia;
    font-size:20px;
    font-weight:700;
    text-align:center;
    padding-top:5px;
}
.socialbox2:hover, .socialbox2:active{
    right:0;
}

Sekarang masuk menu Tata Letak
Tambahkan HTML/Java Script
Kemudian letakkan kode HTML berikut

FACEBOOK

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

GOOGLE +

<script type='text/javascript'>
 (function() {
  var po = document.createElement('script');         
  po.type = 'text/javascript';         
  po.async = true;         
  po.src = 'https://apis.google.com/js/plusone.js';         
  var s = document.getElementsByTagName('script')[0];  s.parentNode.insertBefore(po, s);
 })(); 
</script>