TẠO WIDGET ABOUT GIỐNG FACEBOOK CHO BLOGGER, BLOGSPOT

Bước 1: Chèn đoạn CSS sau vào vị trí bất kì hoặc trước thẻ đóng </style>
<style>
.about-facebook> p (text-align: center, padding: 10px; padding-top: 0; border-bottom: 1px solid #ededed; margin-bottom: 10px; phông chữ gia đình: Roboto}
.about-facebook h3 {font-size: 16px; màu sắc: # 525252; đệm: 10px; phông chữ gia đình: Roboto}
.about-facebook h3 span {width: 30px; height: 30px; background: # d8d8d8; line-height: 31.5px, text-align: center, border-radius: 50%; hiển thị: inline-block, lề phải: 5px; font-size: 20px}
.main-about-facebook ul {margin: 0; padding: 0; danh sách theo kiểu: không có; phông chữ gia đình: Roboto}
.main-about-facebook ul li {margin-bottom: 15px}
.main-about-facebook ul li p (màu: # 333; khổ chữ: 14px}
.main-about-facebook ul li a (màu: # 365899}
.main-about-facebook ul li p .fa {width: 20px; màu sắc: # 868686}
.webtt {width: 120px; border: 1px solid # dddfe2; border-radius: 4px; margin: 2px; overflow: hidden, text-overflow: dấu chấm lửng, trắng-khoảng trống: nowrap, padding-trái: 8px, padding-phải: 8px; padding-bottom: 4px; padding-top: 4px}
.webtt: hover {border: 1px solid # 90949c}
</ style>
Bước 2: Chèn đoạn code sau vào vị trí muốn hiển thị
<div class = "about-facebook" style = "width: 300px;">
<h3>
<i class = "fa fa-glob"> </ i> Thông tin </ h3>
<div class = "main-about-facebook" style = "font-family: Roboto; font-size: 14.5px;">
Một blogger thực thụ - Thích chia sẻ. Thích học hỏi, tham gia cộng đồng blogger để học hỏi nhiều hơn <i class="fa fa-smile-o"></i> <br /><br />
<Ul>
<li><i class="fa fa-briefcase"></i> Đã làm việc tại <a href="https://www.blogger.com/null">Huế</a></li>
<li> <i class = "fa fa-home"> </ i> Sống tại <a href="https://www.blogger.com/null"> Huế </a> </ li>
<li><i class="fa fa-heart"></i> Đang hẹn hò với <a href="https://www.blogger.com/null">Star Cường IT</a></li>
<li><i class="fa fa-map-marker"></i> Đến từ <a href="https://www.blogger.com/null">Nghệ An</a></li>
<li> <i class = "fa fa-rss"> </ i> Có <a href="https://www.blogger.com/null"> 15.976.078 </a> theo dõi </ li>
<trung tâm>
<div class = "webtt">
<img alt="" class="website" height="16" src="https://i.imgur.com/GbiOtSq.png" style="margin-right: 4px; margin-top: -1px; vertical-align: middle;" width="16" /><a class="web_site" href="https://facebook.com/" style="color: #90949c;">facebook.com</a></div>
</center>
</ul>
</div>
</div>
<style>
a{text-decoration:none}
</style>