Thêm Khung Bạn Bè Có Nút Theo Dõi Cho Blogspot ••• Xem bình luận Thứ Bảy, 13 tháng 1, 2018

Đầu Tiên Thêm Đoạn CSS Vào Trước Thẻ ]]></b:skin>:

#banbe{position: relative;}#banbe li{min-height:48px;list-style-type:none;border-bottom:1px solid #e6ecf0;padding:10px}#banbe li:first-child{padding-top:0!important}#banbe li:last-child{padding-bottom:0!important;border-bottom:0!important}#banbe a{display:block;font-size:14px;margin-left:55px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:71%}#banbe a img{position:relative;height:48px;width:48px;border-radius:50%;border:1px solid #ddd}#banbe .avatar{position:absolute;left:0;margin-top:4px}span.bigtext{color:#2a2a2a;font-weight:500}span.smalltext{color:#3f4a52;font-weight:400}a.followbtn{font-size:12px;border:1px solid #184785;border-radius:50px;padding:2px 20px;width:98px!important;margin-top:1px!important;font-weight:500}a.followbtn:hover{background:#184785;color:#fff}

Chèn Đoạn Code Này Vào Nơi Cần Hiển Thị :

<div id="banbe">
<li><a href="http://www.starcuongit.com/" rel="nofollow" target="_blank" title="Star Cường IT"><span class="bigtext">Star Cường IT</span> <span class="smalltext">@starcuongit</span><img class="avatar" alt="Star Cường IT" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK2H59wuceoIWeLwfCDn_cEXgih1u25MyLDYpHPXILQpLL77I8hloj-K0ALE2XBBtl6DTOoUmsyVgezi4YbIAZ5oDpxn31jRY2Wf6fHwUbopPtpvd1iDg2pO0PCxmoCcjLCkCZxafTLvmZ/s1600/rVdf0h5-min.png"></a><a class="followbtn" href="http://www.starcuongit.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.dan47.info/" rel="nofollow" target="_blank" title="Dân 47"><span class="bigtext">Dân 47</span> <span class="smalltext">@dan47</span><img class="avatar" alt="Dân 47" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidA5hcR71lcLM8qDCZ84eBE81p3knxcK2GuR4IGhp4ej7pjOHM6bN01zvaMyzlvVB2Xm0qtFhYvYhZ_ko0L3fc9IbdfGmZwzm4peeo3rbPKDwvFuw7IfBUSH6AQ8BT5vSp-fY_x29kIdCv/s1600/lgogominhtri-min.png"></a><a class="followbtn" href="http://www.dan47.info/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.bacsiwindows.com" rel="nofollow" target="_blank" title="Bác Sĩ Windows"><span class="bigtext">Bác Sĩ Windows</span> <span class="smalltext">@bacsiwindows</span><img class="avatar" alt="Bác Sĩ Windows" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwvTCAvBNKKZ_typJXNP63a60PMFongu3PKYug5kWTqUEfcSpWYu-9qXw8DpUjPA4TX1QLFzEvC-IBtUGxNNFfFbXHq7xgRIr9HTwlcbZ4mETvh9XDoW2Hvd_nP2JRu3P_veDMwH6q7qE7/s1600/Logo-Bac-Si-Windows+%25281%2529-min.png"></a><a class="followbtn" href="http://www.bacsiwindows.com" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.niemstyle.com/" rel="nofollow" target="_blank" title="Niệm Style Blog"><span class="bigtext">Niệm Style Blog</span> <span class="smalltext">@niemstyle</span><img class="avatar" alt="Niệm Style Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjIfw97yHLeQjm6T81-Les1ubsgf9ZjpXBbtj9ntlwTpA0Tv-eXqPnQYydg0ts92BF1bYsylMsA587d8V0Dx-uKhyphenhyphena0Kwq0afb9OF-3FmbAaurkGMtHBMsWbeoOHiRWtgDc9jKaB93DixH/s1600/Elsyenv+%25281%2529-min.png"></a><a class="followbtn" href="http://www.niemstyle.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="https://www.khanhblogger.com/" rel="nofollow" target="_blank" title="Trọng Khanh Nguyễn"><span class="bigtext">Trọng Khanh Nguyễn</span> <span class="smalltext">@trongkhanhnguyen</span><img class="avatar" alt="Trọng Khanh Nguyễn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuouEk5pT6G5bResz6-JihOsdppUxqTyT0kJLppXSi4D7hzD14JMuCytDLW67lmOV0BsKCYGc8rjv6PJ6h8oOK_WUBDn1v2Y44PMcXIU-wEqT8BczXFDXSBvxvdKMci4XjLp0pO-CH6g2g/s1600/26551150_324486324704535_2108563080_n-min.png"></a><a class="followbtn" href="https://www.khanhblogger.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<div class="dropdown2">
<a class="droptext" href="javascript:expand();" id="displayText" title="Xem thêm bạn bè"><i class="fa fa-users"></i>Xem thêm bạn bè</a><div id="expandText" style="display:none">
<div id="myDropdown2" class="dropdown2-content">
<li><a href="http://www.nguyenhuyit.tk/" rel="nofollow" target="_blank" title="Đức Huy Blog"><span class="bigtext">Đức Huy Blog</span> <span class="smalltext">@nguyenhuyit</span><img class="avatar" alt="Đức Huy Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8gv5BtzjQVO0B4j_XbsGjj66p1_XcpaYY8YBpRAFF65Dlf9lPkPVnflNx533STaNPiTnysiCbHoB4PQ3cP2o3cyBMUkq242skTd_IllScCybj-9uHASn2g6kPF8JWMLMfPMcpXYBfJLNB/s1600/logo-1-min.jpg"></a><a class="followbtn" href="http://www.nguyenhuyit.tk/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="https://tinhgetter.blogspot.com/" rel="nofollow" target="_blank" title="Tính Getter Blog"><span class="bigtext">Tính Getter Blog</span> <span class="smalltext">@tinhgetter</span><img class="avatar" alt="Tính Getter Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSI9vRUls15PSMiBlM2gq_bX-IU9pP9F7gwCTuEhxsW5bWHV2zXuSUn1rzQMmLe7ZhRrfdACCipxM2FSrESvj4kUXpNaACIMSfF1kIQ_CSiKdRwX20Ym_J0F0CcLcPP3Fi0JAbk_VSvgg9/s1600/JUUYq7h.png"></a><a class="followbtn" href="https://tinhgetter.blogspot.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="https://www.blogsechiathuthuat.com/" rel="nofollow" target="_blank" title="Blog Sẻ Chia Thủ Thuật"><span class="bigtext">Blog Sẻ Chia Thủ Thuật</span> <span class="smalltext">@blogsechiathuthuat</span><img class="avatar" alt="Blog Sẻ Chia Thủ Thuật" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImgZf1tSr8NxfqnwzghdkHAQgZQQmj6cMQzxjhfHH0oE2dugOwjxUW4N76L32g-PbNQ31M_G8CKEWXkHzAH7C-z4FuRvEYyZzOIzA_RHxbKorDndS4kzNuG87ZCeRiiKkdpofwJRQrIAc/s1600/sdhsufusdh-min.jpg"></a><a class="followbtn" href="https://www.blogsechiathuthuat.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="https://honghaiblogseo.blogspot.com/" rel="nofollow" target="_blank" title="Hồng Hải Blog"><span class="bigtext">Hồng Hải Blog</span> <span class="smalltext">@honghaiblogseo</span><img class="avatar" alt="Hồng Hải Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirqqIUYMsfakE_qQRSjkXhZRhF55_sVwJHQy6UpNxygNSbHB1At1e15nkozeXh8h0jvF1K6vTdq2cDlgQ-sGxl2sorjvHfIuCpm63H8PUQMatDmxYUfH-dC6p9IKbRa6vzKVm74zUfEZ5j/s1600/Untitled.png"></a><a class="followbtn" href="https://honghaiblogseo.blogspot.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.baoshady.com/" rel="nofollow" target="_blank" title="Bảo Shady Blog"><span class="bigtext">Bảo Shady Blog</span> <span class="smalltext">@baoshady</span><img class="avatar" alt="Bảo Shady Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdGjtLV1kYPmu4HvnpmSlpGWC7yiM6tfwoBN8RYO_vK-bmwd5TV8y6AgFgkLV_JP6kLf4ybb2TS_j873drcLOEH0BiCNdjiYEder1mNl8bjODXKL0bwMjIWnPEstW3aOFlDxSAFTnv4ehF/s1600/logo.png"></a><a class="followbtn" href="http://www.baoshady.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="https://huyrocket.blogspot.com/" rel="nofollow" target="_blank" title="Huyrocket"><span class="bigtext">Huyrocket</span> <span class="smalltext">@huyrocket</span><img class="avatar" alt="Huyrocket" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyDtMQxrwXcmJzinPGruXotCNo7-aJ0cGl06O5LnxgJVyoz-lSrVserpJOqi0If5AY388dYCv5PoiSbyhU_nHeXjLuEcoBx54yv5KtCPm4qVn_IN9AGfZU3cW2FrbpcwkefHQzm4791UU/s1600/h+%25281%2529-min.png"></a><a class="followbtn" href="https://huyrocket.blogspot.com/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.starnguyenit.net" rel="nofollow" target="_blank" title="Star Nguyễn"><span class="bigtext">Star Nguyễn</span> <span class="smalltext">@starnguyenit</span><img class="avatar" alt="Star Nguyễn" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZAK0lJgcsytS7m2lRD7fZQMWRfi1XKyt1JVInvpxDu99LEF4fdO9GhIua7pwgYtVwe0yUHRAHO2zd4Z7JrR3JqhxEUKTdwMfyHx-DRHxMp5bEe1bjo2iqabRjV6H4Nwe6Df15ltthrxWa/s1600/LKJHbKU-min.png"></a><a class="followbtn" href="http://www.starnguyenit.net" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.hungstar.tk/" rel="nofollow" target="_blank" title="Hưng Star - IT"><span class="bigtext">Hưng Star - IT</span> <span class="smalltext">@hungstar</span><img class="avatar" alt="Hưng Star - IT" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg4QVECl9TzLkJEfNojSt6JuqUTypg7OrlTDxh77DelS-K2C6pHg-WD5XxvREeB-RpOapLRYvqUF788QlgUKm5BqFAaSc3KVZZw_ug3Zk4FjbSPUGJZb-6sEGSisgOuozYs92ivMqEicvX/s1600/anh.th-min.png"></a><a class="followbtn" href="http://www.hungstar.tk/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
<li><a href="http://www.quanchanhkun.tk/" rel="nofollow" target="_blank" title="Prince Design Blog"><span class="bigtext">Prince Design Blog</span> <span class="smalltext">@quanchanhkun</span><img class="avatar" alt="Prince Design Blog" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHbZ5I9ZpE3LXll7B7e3U-tovjW_M0BeZeHvIUe5tqjsSKU7o-_FUCwku7dCNI6VzMtPpZFKjR8YKodt1OgaUa7syGv-XPsia3Itf9khMiBT8pwy6IuKNPoDiZEO_ccP7tmuxXVyvci8c-/s1600/PSD-NMQ-min.jpg"></a><a class="followbtn" href="http://www.quanchanhkun.tk/" rel="nofollow" target="_blank" title="Theo dõi">Theo dõi</a></li>
</div></div></div></div> 

Chỉnh Sửa Lại Cho Phù Hợp Với Blog Của Bạn Là Được !!!

Nguồn Tiện Ích : Phú Cường Blogger

Thích

4 bình luận

Hashtag: #Thủ Thuật Blogspot

Bạn và người khác