Khung giới thiệu tác giả bài viết đẹp cho Blogger 2

Demo :

+ Hướng dẫn :

Bước 1: Thêm đoạn code sau vào trên thẻ đóng ]]></b:skin

.about-author{width:100%}.dongviet-box{overflow:hidden;padding:0;background:#F5F5F5;color:#ccc;border:1px solid #e1e1e1}.dongviet-box .authorinfo{color:black}.dongviet-box .authorsocial{float:left}.dongviet-box .authorsocial li{list-style:none;margin:0;position:relative}.dongviet-box .authorsocial li a{width:32px;display:block;background:url("http://3.bp.blogspot.com/-oVAh7WFq-cQ/VGGQiI0US3I/AAAAAAAABa0/ws3z6HFHbE8/s1600/social-author.png");height:32px;margin:0}.dongviet-box .authorinfo img{float:left;margin:4px 10px 4px 5px;border-radius:100%;width:17%;background:#fff;padding:5px}.dongviet-box .authorinfo p{margin:0;font-size:14px;padding:0 5px;line-height:25px!important;font:15px Arial;text-align:left}.authorinfo p a{text-decoration:nonecolor:#fff}.dongviet-box h3{margin:0;display:inline-block;background:#333;color:#fff;font:Arial;padding:5px 10px}h3.boxtitle{background:#F5F5F5;color:black;margin:0 auto;padding:2px 10px;font:Arial;border:1px solid #e1e1e1}.dongviet-box .authorsocial li .fb{background-position:0 0}.dongviet-box .authorsocial li .twitter{background-position:0 -32px}.dongviet-box .authorsocial li .google{background-position:0 -64px}.dongviet-box .authorsocial li .in{background-position:0 -96px}.dongviet-box .authorsocial li .in:hover{background-position:-32px -96px}.dongviet-box .authorsocial li .google:hover{background-position:-32px -64px}.dongviet-box .authorsocial li .twitter:hover{background-position:-32px -32px}.dongviet-box .authorsocial li .fb:hover{background-position:-32px 0}.dongviet-box:hover img{background:#1BC3F8}.dongviet-box .authorinfo img,.dongviet-box .authorsocial li a{-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}

Bước 2: Thêm đoạn code sau vào vị trí mà bạn muốn đặt khung thông tin tác giả, mình thường đặt dưới thẻ <data:post.body/>

<div class='about-author'><h3 class='boxtitle'>About us</h3><div class='dongviet-box'><div class='authorsocial'><li><a class='fb' href='https://www.facebook.com/manhtriphuong' rel='nofollow'></a></li><li><a class='twitter' href='twitter.com/manhuon90' rel='nofollow'></a></li><li><a class='google' href='https://plus.google.com/u/0/+H%C6%B0%E1%BB%9BngM%E1%BA%A1nhmanhuon90' rel='author'></a></li><li><a class='in' href='http://vn.linkedin.com/in/ID của bạn' rel='nofollow'></a></li></div><div class='authorinfo'><img src='https://lh4.googleusercontent.com/-0I0JsYN7ybg/VRAx1hIWjUI/AAAAAAAAkDA/Axu-VN0elcE/s516/8.jpg'/><p class='author-Detail' id='author-Detail-01'>Với mục đích chia sẽ với mọi người những bài viết và những thủ thuật hay cũng như sưu tầm những bài viết bổ ích mà Blog đã ra đời, mong rằng bạn đọc có thể tìm cho mình một điều gì mới mẻ ở Blog này.</p>--------------------------------------------------------------------------<p class='author-Detail' id='author-Detail-02'>- Hãy <b>"LIKE"</b> hoặc <b>"G+"</b> nếu bài viết có ích !<br/> - Nhớ ghé thăm Blog thường xuyên nhé các bạn !<br/></p></div></div></div>

Bước 3.Lưu lại và sửa các dòng cho phù hợp với Blog của bạn.

Sưu tầm và edit từ blog Đồng việt