-->

Share code liên kết bạn bè cho blogger

2 minute read

 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


CÁC BƯỚC THỰC HIỆN :
  • 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  
LỜI KẾ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

Bài viết liên quan:

Đánh giá của Bạn về bài viết này?