[Code] Thanh ShareBar ( Google + , Like Facebook )

HD: - Paste code dưới đây vào cuối header
*Trong đoạn code dưới, các bạn tự thay link diễn đàn hay website mình vào chỗ link facebook nhé và thay app IP lun:

Code:


<style>
.side-sharebar {
    top: 175px;
    left: 50%;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-right: none;
    position: fixed;
    -webkit-box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    -moz-box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    box-shadow: -6px 0 6px -6px rgba(0,0,0,0.25) inset,0 1px 0 #fff inset;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
  padding:0px;
}


.side-sharebar .item {
    border-bottom: 1px solid #CCC;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    padding: 10px 2px 10px 0;
    text-align: center;
  width: 76px;
}


 .side-sharebar .item:last-child{
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    font-size:.8em;
    line-height:1.133em;
}




.side-sharebar .recentCount{
    display:block;
    text-align:center;
    width:58px;
    height:40px;
    padding:2px 0 0 0!important;
    background-color:#b7b7b8;
    background:none,-khtml-gradient(linear,left top,left bottom,from(#d7d8d9),to(#aaaaab));
    background:none,-moz-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-webkit-gradient(linear,left top,left bottom,color-stop(0,#d7d8d9),color-stop(100%,#aaaaab));
    background:none,-webkit-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-o-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,-ms-linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    background:none,linear-gradient(top,#d7d8d9 0,#aaaaab 100%);
    color:#39434c;
    border:1px solid #A7A7A8;
    -webkit-box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    box-shadow:0 1px 0 #8b8b90,0 1px 0 0 rgba(255,255,255,0.4) inset;
    -moz-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -webkit-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -khtml-text-shadow:0 1px 0 rgba(255,255,255,0.65);
    text-shadow:0 1px 0 rgba(255,255,255,0.65);
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:10px;
    font-weight:bold;
    -webkit-box-shadow:0 2px 0 #8b8b90;
    -moz-box-shadow:0 2px 0 #8b8b90;
    box-shadow:0 2px 0 #8b8b90;
    position:relative;
    margin:0 auto;
  text-decoration: none;
}

.side-sharebar .recentCount .countNumber{
    font-size:1.8em;
}

.side-sharebar .recentCount:after{
    width:0;
    height:0;
    border-top:5px solid #aaaaab;
    border-bottom:5px solid transparent;
    border-right:5px solid #aaaaab;
    display:block;
    position:relative;
    bottom:-7px;
    position:absolute;
    right:10px;
}

.side-sharebar .recentCount:before{
    width:0;
    height:0;
    border-top:5px solid #8b8b90;
    border-bottom:5px solid transparent;
    border-right:5px solid #8b8b90;
    display:block;
    position:relative;
    bottom:-8px;
    position:absolute;
    right:10px;
}


#shareBar p.recentCount{
    font-weight:bold;
}
</style>

<menu class="shareBar side-sharebar" id="shareBar" style="margin-left:-579px;">

  <div class="item">
    <iframe src="//www.facebook.com/plugins/like.php?href=http://it4t.info/&send=false&layout=box_count&width=52&show_faces=false&action=like&colorscheme=light&font=arial&height=90&appId=297934043613585" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:52px; height:62px;" allowTransparency="true"></iframe>
  </div>
  <div class="item">
<g:plusone size="tall"></g:plusone>
<script type="text/javascript">
  window.___gcfg = {lang: 'vi'};

  (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>
    </div>
</menu>

*Lưu ý:
- Muốn chỉnh lại qua phải hay qua trái thì chỉnh ở đoạn code này (ở chỗ số -579px)

Code:



<menu class="shareBar side-sharebar" id="shareBar" style="margin-left:-579px;">

Nguồn: http://www.cntt-k3.biz/