Share code liên kết bạn bè cho blogger
LỜI MỞ ĐẦU
Hello chào ae, lại là tôi Nguyễn Phong Blog đây. Hôm nay mình thấy một code khá hợp với tenplate Median Ui của mình nên mình sẽ chia sẻ cho anh em code liên kết bạn bè. Ok bắt đầu thôi
- Bước 1 : vào phần bố cục của Blog cần làm và tạo một widget HTML/Javascript.
- Bước 2 : sao chép đoạn code bên dưới và dán vào Widget mới tạo của bạn nhé.
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#484888;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#666}
#lkbb-widget{padding:0;margin:0;list-style:none;max-height:310px;overflow:auto}
.lkbb-widget{margin:0;padding:0}
.lkbb-widget li{margin:0;padding:0;line-height:normal;display:block;float:left;text-align:center;width:50%}
.lkbb-widget a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin: 0 8px 8px 0; padding: 7px 15px; font: 410 17px Roboto!important; -webkit-transition: .3s; letter-spacing: -.35px; border-radius: 0; -moz-transition: .3s; -o-transition: .3s; color: #ccc!important; border: 1px solid #484848;border-radius: 40px}
.lkbb-widget a:hover{color:#00a06a!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href="https://www.ngohoanganhtuan.net" target="_blank" title="Ngô Hoàng Anh Tuấn">Ngô Hoàng Anh Tuấn</a></li>
<li><a href="https://code.pro.vn" target="_blank" title="Code Pro">Code Pro</a></li>
<li><a href="https://hyipvi.blogspot.com" target="_blank" title="Blog Hyipvi">Blog Hyipvi</a></li>
<li><a href="https://xuantrungfz.blogspot.com/?m=1" target="_blank" title="Xuân Trung FZ">Xuân Trung FZ</a></li>
<li><a href="https://hal37team.blogspot.com" target="_blank" title="Team37">Team37</a></li>
<li><a href="https://www.thanhdatblog.top" target="_blank" title="Thành Đạt Blog">Thành Đạt Blog</a></li>
<li><a href="https://www.smarttechmukesh.online" target="_blank" title="Smart Tech Mukesh">Smart Tech Mukesh </a></li>
<li><a href="http://nguyenphong.tk/" target="_blank" title="Đặt Liên Kết">Đặt Liên Kết</a></li>
<li><a href="https://www.nguyenphong.tk/" target="_blank" title="Đặt Liên Kết">Đặt Liên Kết</a></li>
<li><a href="https://www.nguyenphong.tk/" target="_blank" title="Đặt Liên Kết">Đặt Liên Kết</a></li>
<li><a href="https://www.nguyenphong.tk" target="_blank" title="Đặt Liên Kết">Đặt Liên Kết</a></li>
<li><a href="https://www.nguyenphong.tk" target="_blank" title="Đặt Liên Kết">Đặt Liên Kết </a></li>
</div></div></div></pre>
- Bước 3 : Lưu lại và chỉnh sửa một số thông tin cần thiết
Trên đây là toàn bộ bài viết, nếu có thắc mắc gì hãy để lại một comment. Chúc các bạn một ngày mới vui vẻ!
@Copyrights Nguyễn Phong Blog
3 nhận xét