Trang Chính
Demo:
Cách làm:
- Past 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
- Muốn chỉnh lại qua phải hay qua trái thì chỉnh ở đoạn code này (ở chỗ số -579px)
Cách làm:
- Past 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>
- 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;">
