Tạo Hộp Tác Giả Đẹp Cho Blogger

demo như này

cop đoạn code sau :

Vào blog  -> bố cục -> chèn code vào chỗ muốn để hộp tác giả nhé

code ( 1 tác giả - phần màu đỏ ) :

<div class="widget-content">
<div class="widget-content">
<div class="boxhohokythuat"><ul><li style="font-weight: normal;"><div class="avatar-hotrokt" style="font-weight: normal;"><a href="https://www.facebook.com/anosense1412" title="ad"><img alt="ad" src="https://s-media-cache-ak0.pinimg.com/236x/9e/2d/d5/9e2dd51e27923777eba5067b62477330.jpg?oh=53f937b01404b38c257bfe6ed3fcb3ef&amp;oe=59B147A5"></a></div><div class="info-hotrokt"><p>Tên : <span><b> Trần Phương Nên <i class="fa fa-check-circle" style="color:rgb(17,143,249);font-size:14px;" title="authorbox "></i><i class="fa-spin fa fa-star-o fa-spin" style="color:#FF0000;margin:0 2px;padding:0 2px"></i></b></span></p><p style="font-weight: normal;">Chuyên Mục: Tổng Hợp <i class="fa-spin fa fa-star-o fa-spin" style="color:#EE7600;margin:0 2px;padding:0 2px"></i></p><p style="font-weight: normal;"><span style="color:#FF69B4;">Chức Vụ: Admin<i class="fa-spin fa fa-star-o fa-spin" style="color:#0000CD;margin:0 2px;padding:0 2px"></i></span></p><p style="font-weight: normal;"><a class="mar-right" href="https://www.facebook.com/anosense1412"><img alt="skype" src="https://s2.twnmm.com/images/en_ca/icon-facebook.png" style="float: left; margin-right: 10px;">
</a></p>
</div></li><br></ul></div><p></p></div><style>div.boxhohokythuat {float: left;width: 100%;}div.boxhohokythuat li{list-style: none;float: left;width: 313px;margin-bottom: 1px;}div.boxhohokythuat ul {margin: 0;padding: 0;}div#boxlienhehotrokt {float: left;width: 100%;overflow: hidden;}div.avatar-hotrokt {float: left;width: 110px;overflow: hidden;height: 99px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOaGpzsWUiF6EGnKwfjBW3PaLK_vI0SHJLtZnIFi6MrPprBWiK43HhywFVXPwJFIBp2E46v0rTPBq5RvVHMfZ_j-qrrQ-3rlLk-2EW5_TibDM0HD43Kr8WjyDcUgiP3P9gyysDpunmFzmp/s0/bg_avatar.png) no-repeat;position: relative;}div.avatar-hotrokt img {float: left;margin-left: 13px;margin-top: 12px;width: 75px;height: 75px;border-radius: 100%;overflow: hidden;}div.info-hotrokt p {font: 13px arial;color: #333;margin: 0;padding: 0;line-height: 22px;}div.info-hotrokt span {color: #F88C00;}</style> <div class="clear"></div>

nếu muốn thêm 1 tác giả nữa thì thêm đoạn này :

<div class="boxhohokythuat"><ul><li style="font-weight: normal;"><div class="avatar-hotrokt" style="font-weight: normal;"><a href="https://www.facebook.com/anosense1412" title="ad"><img alt="ad" src="https://s-media-cache-ak0.pinimg.com/236x/9e/2d/d5/9e2dd51e27923777eba5067b62477330.jpg?oh=53f937b01404b38c257bfe6ed3fcb3ef&amp;oe=59B147A5"></a></div><div class="info-hotrokt"><p>Tên : <span><b> Trần Phương Nên <i class="fa fa-check-circle" style="color:rgb(17,143,249);font-size:14px;" title="authorbox "></i><i class="fa-spin fa fa-star-o fa-spin" style="color:#FF0000;margin:0 2px;padding:0 2px"></i></b></span></p><p style="font-weight: normal;">Chuyên Mục: Tổng Hợp <i class="fa-spin fa fa-star-o fa-spin" style="color:#EE7600;margin:0 2px;padding:0 2px"></i></p><p style="font-weight: normal;"><span style="color:#FF69B4;">Chức Vụ: Admin<i class="fa-spin fa fa-star-o fa-spin" style="color:#0000CD;margin:0 2px;padding:0 2px"></i></span></p><p style="font-weight: normal;"><a class="mar-right" href="https://www.facebook.com/anosense1412"><img alt="skype" src="https://s2.twnmm.com/images/en_ca/icon-facebook.png" style="float: left; margin-right: 10px;">
</a></p>
</div></li><br></ul></div><p></p></div><style>div.boxhohokythuat {float: left;width: 100%;}div.boxhohokythuat li{list-style: none;float: left;width: 313px;margin-bottom: 1px;}div.boxhohokythuat ul {margin: 0;padding: 0;}div#boxlienhehotrokt {float: left;width: 100%;overflow: hidden;}div.avatar-hotrokt {float: left;width: 110px;overflow: hidden;height: 99px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOaGpzsWUiF6EGnKwfjBW3PaLK_vI0SHJLtZnIFi6MrPprBWiK43HhywFVXPwJFIBp2E46v0rTPBq5RvVHMfZ_j-qrrQ-3rlLk-2EW5_TibDM0HD43Kr8WjyDcUgiP3P9gyysDpunmFzmp/s0/bg_avatar.png) no-repeat;position: relative;}div.avatar-hotrokt img {float: left;margin-left: 13px;margin-top: 12px;width: 75px;height: 75px;border-radius: 100%;overflow: hidden;}div.info-hotrokt p {font: 13px arial;color: #333;margin: 0;padding: 0;line-height: 22px;}div.info-hotrokt span {color: #F88C00;}</style> <div class="clear"></div>

Hướng dẫn chỉnh sửa :

- Thay link ảnh tác giả từ đoạn : src=" 

- Tóm lại là bôi đen link ảnh đó, cop rồi paste link ảnh mới vô là ok

- Chỉnh sửa chức vụ gì gì đó tùy ae

- Chỉnh màu chữ tại phần chữ lớn trên blog : sử dụng mã màu blog ( tự tìm hiểu )

- Thay link facebook này nọ nhé ,

- Nếu muốn nhiều tác giả cứ cop đoạn code thứ 2 mà thêm vào

*Lưu ý :  Code này chôm được nên không rõ, một số đoạn cũng không liên quan ! nhưng mà thôi cứ làm y trên hướng dẫn cho nó chắc nhé

                                                       Thân: Admin Trần Phương Nên