Hê lô xin chào tất cả các bạn thì hôm nay mình xin hướng dẫn cho các bạn cách làm 1 hộp admin đẹp cho blogger mình đã sử dụng. 

Thì cái này mình trích trong temp của Bờm Ngố xD ra mà có. Khi nào rảnh thì mk sẽ share temp của blog Bờm Ngố cho các bạn . OK rất đơn giản. 
Các bạn chỉ việc thêm code sau vào nơi bạn thích:





<style>.avatar {
    float: left;
}
.avatar-85 {
    border: 3px solid #fff;
    border-radius: 85px;
    margin-right: 10px;
}
.icons-social {
    margin: 0 auto;
    clear: both;
    float: none;
}
.icons-social li {
display: inline;
padding: 0;
float: left;
}
.icons-social #social a {
display: block;
height: 42px;
width: 42px;
margin-right: 5.5px;
color: #fff;
text-align: center;
font-size: 25px;
}
.icons-social #social a:before {
display: inline-block;
font: normal normal normal 22px/1 FontAwesome;
font-size: inherit;
font-style: normal;
font-weight: 410;
line-height: 42px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icons-social .facebook:before {
content: "\f09a";
}
.icons-social .twitter:before {
content: "\f099";
}
.icons-social .gplus:before {
content: "\f0d5";
}
.icons-social .linkedin:before {
content: "\f0e1";
}
.icons-social .instagram:before {
content: "\f16d";
}
.icons-social .pinterest:before {
content: "\f0d2";
}
</style><p><img alt="author" src="https://vignette2.wikia.nocookie.net/lapis/images/c/cd/Doraemon.PNG" class="avatar avatar-85 photo" height="85" width="85" /><br /><a href="" style="
    color: #fff;
">Là một Admin tôi luôn quản lí tốt trang Wed của mình nếu có vấn đề Blog hay link lỗi vui lòng liên hệ qua Gmail để ở dưới !</a></p>
<div class="icons-social">
<ul id="social">
<li><a class="facebook" href="https://www.facebook.com/www.duyphuong.tk" title="facebook"></a></li>
<li><a class="instagram" href="https://www.instagram.com/admin_duyphuong/" title="instagram"></a></li>

</ul></div>


Lời Kết : Vậy là xong rồi đó, chúc các bạn thành công !!!
                Copy nhớ ghi nguồn : www.duyphuong.tk
                Các bạn cần xem DEMO thì click tại đây nha




- - 10 bình luận
CHUYÊN MỤC

BÌNH LUẬN (10)

Một số lưu ý khi bình luận

Vui lòng xem Hướng Dẩn Sử dụng trước khi bình luận

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)