 |
| Ảnh Minh Họa |
HƯỚNG DẪN CÁCH LÀM:
Bước 1: Đăng nhập vào blogger rồi vào mục Bố cục --> Thêm tiện ích và thêm đoạn code bên dưới vào nó<style> .thong_tin>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px} .thong-tin h3{font-size: 16px;color:#525252;padding:10px} .thong-tin h3 span{width:30px;height:30px;background:#d8d8d8;line-height:28.9px;text-align:center;border-radius:50%;display:inline-block;margin-right:5px;font-size:20px} .thong_tin ul{margin:0;padding:0;list-style:none} .thong_tin ul li{margin-bottom:15px} .thong_tin ul li p{color:#333;font-size:14px} .thong_tin ul li a{color:#365899} .thong_tin ul li p .fa{width:20px;color:#868686} i.icon-fb{ background-size: auto; background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px; margin-right: 8px; float: left } .work{background-image: url(https://i.imgur.com/iojkzlD.png);background-position: 0px -25px} .live{background-image: url(https://i.imgur.com/iojkzlD.png);background-position: 0px -41px} .relation{background-image: url(https://i.imgur.com/UtqUD0S.png);background-position: 0px -17px} .from{background-image: url(https://i.imgur.com/iojkzlD.png);background-position: 0px -76px} .joined{background-image: url(https://i.imgur.com/uTlMrti.png);background-position:0px} .follow{background-image: url(https://i.imgur.com/UtqUD0S.png);background-position: 0px -51px} .ceo{background-image: url(https://i.imgur.com/3Mm8Axv.png);background-position: 0px 0px} .sms{background-image: url(https://i.imgur.com/UtqUD0S.png);background-position: 0px 0px}.phone{background-image: url(https://i.imgur.com/UtqUD0S.png);background-position: 0px -68px} .sms{background-image: url(https://i.imgur.com/UtqUD0S.png);background-position: 0px 0px} .web{width:111px;border:1px solid #dddfe2;border-radius:4px;margin:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:8px;padding-right:8px;padding-bottom:4px;padding-top:4px} .web:hover{border:1px solid #90949c} li.about{border-top:1px solid #ededed;padding-top:10px;} </style> <div class="thong-tin"> <h3><span><i class="fa fa-globe"></i></span> Giới thiệu</h3> <div class="thong_tin"> <p>Hello, World!</p> <ul> <li><p><i class="icon-fb work"></i> Làm việc tại <a>Dubai</a></p></li> <li><p><i class="icon-fb live"></i> Sống tại <a>Dubai</a></p></li> <li><p><i class="icon-fb relation"></i> Độc thân</p></li> <li><p><i class="icon-fb from"></i> Đến từ <a>Dubai</a></p></li> <li><p><i class="icon-fb joined"></i> Đã tham gia <a>2016</a></p></li> <li><p><i class="icon-fb follow"></i> Có <a>120.000 </a>theo dõi</p></li> <li><p><i class="icon-fb ceo"></i> Quản lý <a>Star Bình Blog</a></p></li> <center><div class="web"><p><img class="website" style="margin-top:-1px;margin-right:4px;vertical-align:middle" height="16" src="https://i.imgur.com/GbiOtSq.png" width="16" alt="" /><a class='web_site' style='color:#90949c' href="http://www.starbinhit.net/">starbinhit.net</a></p></div></center> </ul> </div> </div>Chúc các bạn thành công!
Nguồn: Star Bình Blog
Không có nhận xét nào