TẠO KHUNG TÁC GIẢ CỰC ĐẸP CHO BLOGSPOT

KIỀU GIA HUY / lúc 21:21 ngày Thứ Bảy, 18 tháng 11, 2017 / 5 bình luận

Kết bạn Kiều Gia Huy để cùng trao đổi, học hỏi và nhận nhiều bài viết hay, hữu ích nhé!

CÁCH THỰC HIỆN

Các bạn chỉ cần chèn đoạn code hiển thị khung tác giả này vào vị trí bạn thích là được...

<style>
/* Author */
#author-blog2{width:auto;height:209px;background:#2a2b67;padding:0px 10px 10px 10px}
.author-box2{background:#3d2974;box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);/*width:100%;*/height:auto;/*border:1px solid #eee;*/;border-radius:17px;margin:10px 0 0px;padding:20px;position:relative;float:left;font-family:'Quicksand',sans-serif;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;
user-select:none}
.author2 img{padding:0;height:130px;width:130px;float:left;margin:0;border-radius:100%;border:14px solid #2e2869;margin-left:10px}
.name-author2{font-size:18px;color:#fff}
.author-info2{float:left;padding-left:3%;width:72%}
.author-info2 a{color:#fff}
.author-info2 span{font-size:14px;font-weight:500;color:#c0bfcc;font-family:'Quicksand',sans-serif}
p.author-about2{margin:0;padding:10px 0 10px;color:#fff!important;font-size:15px;font-weight:normal}
li.list-tom{list-style:none}
li.list-tom a{color:#dddae6;margin-right:20px}
li.list-tom i{color:#dddae6;margin-right:3px}
</style>
<div id='author-blog2'>
<div class='author-box2'>
<div class='author2 img'>
<a><img alt='Hồng Hải Blog' oncontextmenu='return false' src='https://i.pinimg.com/564x/71/87/be/7187be96db3391577e4312b27fe28cbd.jpg' title='Admin'/></a>
</div>
<div class='author-info2'>
<div class='name-author2'>
Hồng Hải
</div>
<span class=''>Designer Developer</span>
<p class='author-about2'>Chào các bạn mình là Hải - một cậu học sinh, với đam mê và sở thích, mình lập nên blog này để lưu trữ những kiến thức, đồng thời cũng chia sẻ những gì mình biết và sưu tầm được tới bạn đọc.</p>
<li class='list-tom'>
<a title='Lượt xem'>
<i aria-hidden='true' class='fa fa-eye'></i> ..</a>
<a title='Lượt yêu thích'>
<i aria-hidden='true' class='fa fa-heart' style='color:#ed1b73'></i>
<script type='text/javascript'>document.write(Math.floor((Math.random()*500)+(Math.random()*500)+100));</script>
</a>
<a title='Lượt bình luận'>
<i aria-hidden='true' class='fa fa-comment'></i>
<script style="text/javascript">
function numberOfComments(json) {
document.write('<left> <b>' + json.feed.openSearch$totalResults.$t +
'</b></center>');}</script>
<script src="/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
</a></li></div>
</div>
</div>
<div class='clear'></div>