Code Trang Trí Khung Tác Giả Cho Blog

Hôm Nay Mình Sẽ Share Code Trang Trí Khung Tác Giả Cho Blog

Các Bạn Chỉ Cần Vào  Bố Cục-Thêm HTML Rồi Past Đoạn Code Dưới Vào.

Edit 

<span style="color:#ccc;font-size:17px"><span style="font-weight:bold;color:#ddd"> Blog ThuThuatPc4X</span> Chia sẽ tổng hợp các thủ thuật, Máy Tính, Facebook, Blogspots, Template..Và Nhiều chuyên mục khác,..</span>

<br />

<br />

<style>

.about-adh {color: #ddd;

    font-size: 17px;

    font-family: 'Roboto';}

.about-adh b {}

.about-adh span i{    font-size: 25px;

    padding: 3px;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;}

</style>

<div class="about-adh">

<span><i class="fa fa-map-marker"></i><b> Hòa Thành- TP Tây Ninh</b></span><br />

<span><i class="fa fa-globe" style="font-size: 18px;"></i><b> www.thuthuatpc4x.tk</b></span><br />

<span><i class="fa fa-envelope-o" style="font-size: 18px;"></i><b> thersh113@gmail.com</b></span><br />

<span><i class="fa fa-facebook-square" style="font-size: 18px;"></i><b> Fb.com/adminthuthuatopc4x</b></span><br />

</div></span>

<br />

<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://scontent.fsgn3-1.fna.fbcdn.net/v/t1.0-9/18341713_298783603883206_4977046716524447224_n.jpg?oh=d762f041043743727485911b754e09db&oe=5A569CE7" srcset="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBx0lgn7iplhCU0s1i-UCutIpOO_LOfim1cDNTTFGzHb_0-jaVxNXyAkvS_lHXhZltdx2TzlTyM5StPSsASLrJp5kGzZsyJCzIE7Qfdm-v2o9lQQyIG7CnCgPhKLZ1VvuY-LgLQQ22dkE/s90-c/captain_jack_sparrow___vector.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 Facebook để ở dưới !</a></p>

<div class="icons-social">

<ul id="social">

<li><a class="facebook" href="https://www.facebook.com/adminthuthuatpc4x" title="facebook"></a></li>

<li><a class="twitter" href="#" title="twitter"></a></li>

<li><a class="gplus" href="#" title="gplus"></a></li>

<li><a class="linkedin" href="#" title="linkedin"></a></li>

<li><a class="instagram" href="#" title="instagram"></a></li>

<li><a class="pinterest" href="#" title="pinterest"></a></li>

</ul></div>

<br />

Chúc Các Bạn Thành Công! >