Tạo Khung Tác Giả Cực Đẹp Cho BLogspot

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='Vũ Hải Dương' 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'>

Vũ Hải Dương

</div>

<span class=''>Designer Developer</span>

<p class='author-about2'>Chào các bạn mình là Hải Dương - 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>

Các bạn tùy biến sao cho phù hợp với blog của bạn.