Header Ads

Tạo Hộp Admin Đẹp Cho Blogger


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




Facebook comments

Bình Luận (10):