TIỆN TÍCH LIÊN KẾT BẠN BÈ CÓ THANH KÉO ĐẸP CHO BLOGSPOT

Nếu bạn muốn blog của các bạn phát triển hơn và nhiều người biết đến, cách tốt nhất chínhđặt liên kết với các blog khác. Người xem khi đến các blog mà bạn được đặt Liên kết sẽ nhìn thấy link Text của bạn và blog của sẽ được thêm một lượng visitor của blog đó. Cho nên, việcđặt liên kết là rất quan trọng. Bài viết hôm nay mình sẽ hướng dẫn các bạn cách thêm Tiện ích Liên kết bạn bè có thanh kéo, vừa đẹp vừa tiện lợi!

Ảnh Demo

Bước 1: Các bạn vào blog => Bố cục => Chèn đoạn code này vào chỗ muốn hiển thị:

<div class='widget-content'> <div class="widget-content"> <style> #banbe-ntt::-webkit-scrollbar{width:5px} #banbe-ntt::-webkit-scrollbar-thumb{background:#484848;border-radius:100px} #banbe-ntt::-webkit-scrollbar-thumb:active{background:#777} #banbe-ntt{padding:0;margin:0;list-style:none;max-height:254px;overflow:auto} .banbe-ntt{margin:0;padding:0} .banbe-ntt li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%} .banbe-ntt a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 5px 5px 0; padding: 8px 15px; font: 400 17px Roboto!important; -webkit-transition: .3s; letter-spacing: -.35px; border-radius: 0; -moz-transition: .3s; -o-transition: .3s; color: #777!important; border: 1px solid #484848;} .banbe-ntt a:hover{color:#3b5998!important;border-left: 5px solid #0d9ed7} </style> <div id="banbe-ntt"> <div class="banbe-ntt"> <li><a href="www.quanchanhkun.tk" target="_blank" title="Đặt liên kết">Đặt liên kết</a></li> <li><a href="http://www.starthinhit.com/" target="_blank" title="Star Thịnh IT">Star Thịnh IT</a></li> <li><a href="http://www.starnguyen-it.tk/" target="_blank" title="Star Nguyên">Star Nguyên</a></li> <li><a href="http://www.giaminhit.tk/" target="_blank" title="Gia Minh IT">Gia Minh IT</a></li> <li><a href="http://www.startinhit.com/" target="_blank" title="Star Tỉnh IT">Star Tỉnh IT</a></li> <li><a href="http://www.hungstar.tk//" target="_blank" title="Star Hùng Blog">Star Huy</a></li> <li><a href="http://www.diimax-it.tk/" target="_blank" title="Star Thịnh IT">Dii Max IT</a></li> <li><a href="www.starhungit.tk" target="_blank" title="Star Thịnh IT">Star Hùng Blog</a></li> <li><a href="http://www.hungstar.tk" target="_blank" title="Star Thịnh IT">Star Hưng </a></li> <li><a href="http://www.adminhieu.com/" target="_blank" title="Star Thịnh IT">Admin Hiếu</a></li> <li><a href="http://www.starcuongit.com/" target="_blank" title="Star Cường IT">Star Cường IT</a></li> <li><a href="http://www.kienpsd.com/" target="_blank" title="Kiên PSD">Kiên PSD</a></li> <li><a href="http://www.duyripper.net/" target="_blank" title="Duy Ripper">Duy Ripper</a></li> <li><a href="http://www.lebalongit.tk/" target="_blank" title="Kiên PSD">Lê Bá Long IT</a></li> <li><a href="http://www.diino-it.tk/" target="_blank" title="Star Nguyên IT">Dii Nô Blog</a></li> <li><a href="http://tsmzzz.blogspot.com/" target="_blank" title=" Blog chia sẻ thủ thuật, kinh nghiệm học tiếng Anh, tin tức thể thao...">TSM Blog</a></li> </div></div> </div> </div> <div class='clear'></div> <span class='widget-item-control'> <span class='item-control blog-admin'> <a class='quickedit' href='//www.blogger.com/rearrange?blogID=8483068614704248354&widgetType=HTML&widgetId=HTML7&action=editWidget&sectionId=column3' onclick='return _WidgetManager._PopupConfig(document.getElementById("HTML7"));' target='configHTML7' title='Edit'> <img alt='' height='18' src='https://resources.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/> </a> </span> </span> <div class='clear'></div>

Bước 2: Lưu lại và xem kết quả!

Như vậy chỉ cần vài bước đơn giản và ai cũng có thể làm được, chúng ta đã có một Tiện ích Liên kết có thanh kéo lên xuống cực kì đẹp mắt! 

Nguồn: http://www.quanchanhkun.tk/