CÁCH THỰC HIỆN
Các bạn chỉ cần coppy đoạn code này và chèn vào nơi bạn muốn.
<style>.about-widget h4 {font-size: 18px;font-weight: 500;color: #333333;margin: 15px 15px}.about-widget {text-align: center;padding-bottom: 10px;}.about-widget p {font-size: 15px;line-height: 1.4}.about-widget-social {text-align: center;padding: 15px;margin: 15px -15px -15px;border-top: 1px solid #e2e2e2}.about-widget-social a i {font-size: 18px;margin: 0px 7px;color: #191b28;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}.about-widget-social span {display: none}.about-widget-img {border-radius: 50%;overflow: hidden;display: inline-block;max-width: 120px;max-height: 120px;line-height: 120px;margin: 10px 15px}.widget-info-luanit .content-w{padding:10px;border-top: 1px solid #ededed;}.widget-info-luanit .content-w>p{text-align:center;padding:10px;padding-top:0;border-bottom:1px solid #ededed;margin-bottom:10px;margin: 0px;}.widget-info-luanit .content-w>p a{color:#3b5992}.widget-info-luanit .content-w ul li{margin-bottom:15px;padding: 0px;border-bottom:none;}.widget-info-luanit .content-w ul li p{color:#333;font-size:14px;margin:0px}.widget-info-luanit .content-w ul li p .fa{width:20px;color:#868686}.widget-info-luanit .content-w ul li p .fa.fa-home{font-size:16px}.widget-info-luanit .content-w ul li p .fa.fa-map-marker{font-size:18px}.widget-info-luanit .content-w ul li p a{color:#3a5795;font-weight: 700;} .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:1px;padding-top:4px} .web:hover{border:1px solid #90949c}</style><div class="widget-content"><div class="about-widget"><div class="about-widget-img"><img alt="blogger template" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhr_kMJHidvX3AXv9KqUCVpHYVv0Sza77r8zfYFSIpjBFHtj0Bk9AgK25Fe7hvhqFpzOxS1x_xrv0BtpzHCOEPu6ah-jn_xycVJwRvvpY1fQu5z389uzBkjDpe8RjyEY7AqILTRv3pKBw/s1600/23132063_142815726341353_8074997747037556810_n.jpg" width="100%" height="100%" /></div><h4>Hồ Nguyên</h4><p> Người quan tâm đến tôi, tôi sẽ quan tâm lại gấp bội! </p></div><div class="widget-info-luanit"><div class="content-w"><ul><li> <p><i class="fa fa-briefcase"></i>Làm việc tại <a>Hồ Nguyên IT</a></p></li><li><p><i class="fa fa-graduation-cap"></i>Từng học tại <a>Trường THPT Hoằng Hóa 3</a></p></li><li><p><i class="fa fa-home"></i>Sống tại <a>Thanh Hóa</a></p></li><li><p><i class="fa fa-map-marker"></i>Đến từ <a>Hoằng Hóa - Việt Nam</a></p></li><li><p><i class="fa fa-heart"></i>Có mối quan hệ phức tạp</p></li><li><p><i class="fa fa-rss"></i>Có <a>99.999.999</a> người theo dõi</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="https://nguyenbau.com/">HoNguyenIT</a></p></div></center></ul></div></div></div>
Lời kết
Chúc các bạn thành công !
No comments