Thêm (Author) cho blogspot

Sau đây mình sẽ hường dẫn các bạn thêm khung author blogspot .Author blogspot là 1 khung thông tin tác giả của blogspot.

Đừng để ý con vịt :D 


Sau đây mình sẽ hướng dẫn các bạn thêm nó vào blog. 
Cách làm : 

Các bước thực hiện :

Bước : Vào Blog - > Mẫu -> Chỉnh sửa HTML
Thêm đoạn code dưới đây vào trên thẻ ]]><  cứ gõ vậy là nó ra hoặc trên thẻ </style>

/* Author by Star Trường IT */ .authorboxwrap{Font-family:arial;background:#fff;margin:10px auto 20px;padding:2px;overflow:hidden;border:1px solid #ccc;}.avatar-container{float:left;margin-right:20px;border:0px solid silver;padding:3px;}.avatar-container img{width:110px;height:auto;}.author_description_container h4{font-family:arial;font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px;}.author_description_container h4 a{color:#ef4824;}.author_description_container h4 a:hover{color:#404040;}.author_description_container p{margin:0;color:#888;font-size:95%;margin-bottom:8px;font-family:arial;}.authorsocial a{display:inline-block;text-align:center;margin-right:10px;}.authorsocial a i{font-family:Fontawesome;width:30px;height:30px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .3s;}.authorsocial a:nth-child(1) i{background:#2d609b;color:#fff;}.authorsocial a:nth-child(2) i{background:#19bfe5;color:#fff;}.authorsocial a:nth-child(3) i{background:#eb4026;color:#fff;}.authorsocial a:nth-child(4) i{background:#eb4026;color:#fff;}.authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i,.authorsocial a:hover:nth-child(4) i{opacity:0.90;}

Bước 2 : Tiếp theo tìm đoạn <data: post.body/>.Thêm code dưới đây vào trước thẻ đó :

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='authorboxwrap'><div class='authorboxfull'><div class='avatar-container'><a href=''><img class='author_avatar' src='http://www.upsieutoc.com/images/2016/05/27/6.gif' height='110' width='110'/></a></div><div class='author_description_container'><h4>Thông tin tác giả: <a href='#' rel='author'> Star Trường IT</a><i aria-hidden="true" class="fa fa-check-circle"></i></h4><p><data:post.authorAboutMe/>     </p><p>- Chào mừng bạn đến với Website - Chia sẻ Thủ Thuật -  Phần Mềm - Ảnh Đẹp - Photoshop - PSD Tổng Hợp được cập nhật liên tục. Mong được mọi người quan tâm. Like và Share giúp Website phát triển nhé !!! </p><div class='authorsocial'><a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a><a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a><a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a><a class='img-circle4' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube'/></a><div class='fb-like' data-action='like' data-href='http://www.startruongit.net' data-layout='standard' data-share='true' data-show-faces='false'/><div class='clr'/></div></div></div></div><div style='clear:both'/></b:if>

Thay đổi thông tin phù hợp với bạn - Lưu lại và xem kết quả thôi nào. Chúc bạn thành công !!!