Các bạn Đăng nhập vào Blogger >> Bố cục >> Thêm tiện ích >> HTML/Javascript >> Thêm toàn bộ code sau vào:
<div class='clear'></div><script type="text/javascript">window.___gcfg = {'lang': 'vi'};</script>
<!-- fbcm <b:if cond='data:blog.pageType == "item"'> <div class='fb-comments' data-num-posts='10' data-width='100%' expr:data-href='data:blog.canonicalUrl'/> </b:if>-->
<aside id='sidebar-bsw_wrapper' itemscope='itemscope' itemtype='//schema.org/WPSideBar'><div class='sidebar section' id='sidebar'><div class='widget HTML' data-version='2' id='HTML2'><div class='widget-content'><center><script>var myVar=setInterval(function(){myTimer()},1000); function myTimer() {var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("h").innerHTML=t;}</script><span id="h"></span><script type="text/javascript">n=new Date();if(n.getTimezoneOffset()==0)t=n.getTime()+(7*60*60*1000);else t=n.getTime();n.setTime(t);var dn=new Array("Chủ nhật","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7");d=n.getDay();m=n.getMonth()+1;y=n.getFullYear()document.write(dn[d]+", "+(n.getDate()<10?"0":"")+n.getDate()+"/"+(m<10?"0":"")+m+"/"+y)</script></center></div></div></div></aside><div class="bsd-container"> <div class="sidebar_about_author"> <div class='inner_wrapper'> <div class='bsdbox-img'>
<img alt="Bloggersstand" class="img-responsive" height="auto" src="https://scontent.fdad3-2.fna.fbcdn.net/v/t1.0-9/12669542_161251004251156_8867609107646686890_n.jpg?oh=b4f20276c5918c8bd53f56e538bf435b&oe=5AB32A7D" title="Bloggersstand" width="300" /> </div> <div class='bsdbox-info'> <h4><span>Star Lượng IT</span></h4> <p>Thủ Thuật - Ảnh Bìa Chất</p> </div> <div class='bsdbox-wrap'> <ul class='bsdextend'> <li class='fb-like' data-action='like' data-layout='button_count' data-show-faces='true' data-size='large'/> </li><li class="fb-follow" data-href="https://www.facebook.com/nhokdz123" data-layout="button" data-size="large" data-show-faces="false"></li> <li class="fb-share-button" data-layout="button" data-size="large" data-mobile-iframe="true"> </li> </ul> </div>
<style>@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,adnav,adheader{display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* Sosial Media Widget */.bsdbox-info h4 { background: transparent; position: relative; padding: 0; margin: 0; border: 0; text-align: center; font-size: 110%}
.bsdbox-img { position: relative; max-height: 135px; overflow: hidden}
.bsdbox-img img { max-width: 100%; width: 100%; transition: all .6s;}
.bsdbox-img:hover img { transform: scale(1.2) rotate(-9deg)}
.bsdbox-img:before { content: ''; background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; transition: all .3s}
.bsdbox-img:hover:before { background: rgba(0, 0, 0, 0.5);}
.joinfloat-img { width: 56%; position: absolute; top: 36%; bottom: 36%; left: 22.6%; z-index: 4}
.bsdbox-float { text-align: center; display: table; width: 100%; height: 100%}
.bsdbox-float a { background: transparent; color: #37B185; padding: 8px 14px; z-index: 2; display: table-cell; width: 100%; font-size: 90%; text-transform: uppercase; vertical-align: middle; border: 1px solid #37B185; border-radius: 4px; transition: all .3s}
.bsdbox-float:hover a { background: #37B185; color: #fefefe; border-color: transparent;}
.bsdbox-float a i { font-weight: normal; margin: 0 6px 0 0}
.bsdbox-wrap { display: block; margin: 14px auto; position: relative;}
.bsdbox-wrap .bsdextend { width: 100%; display: block;}
.bsdextend { text-align: center; font-size: 17px}
.bsdextend .bsdbox-icon { display: inline-block; border: 0; margin: 0; padding: 0; width: 32%;}
.bsdextend .bsdbox-icon a { background: #768187; display: inline-block; font-weight: 410; color: #fefefe; padding: 0 12px; line-height: 32px; border-radius: 4px; font-size: 11px; width: 100%;}
.bsdextend .bsdbox-icon i { font-family: fontawesome; margin: 0 4px 0 0}
.bsdbox-icon.facebook a { background: #3b5998}
.bsdbox-icon.twitter a { background: #19bfe5}
.bsdbox-icon.circle a { background: #d64136}
.bsdbox-icon.facebook a:hover,.bsdbox-icon.twitter a:hover,.bsdbox-icon.circle a:hover { background: #415471}
.extender .bsdbox-icon:hover a,.extender .bsdbox-icon a:hover { color: #fefefe;}
.bsdbox-info { margin: 11px 0 0 0; font-size: 12px; text-align: center;}
.bsdbox-info p { margin: 6px 0}
.bsdbox-info h4 { position: relative; margin-bottom: 11px; font-size: 15px; text-transform: uppercase; color: #37B185; font-weight: 600}
.bsdbox-info h4 span { position: relative; display: inline-block; padding: 0 11px; margin: 0 auto;}
.bsdbox-info h4:before,.bsdbox-info h4:after { position: absolute; top: 52%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; background-color: rgba(0, 0, 0, 0.07);}
.bsdbox-info h4:before { margin-left: -50%; text-align: right;}</style></div></div></div>
Chúc các bạn thành công.
Nguồn: Edit từ Adminhieu.com
Không có nhận xét nào