Chào các bạn, hôm nay là 20-11 - Ngày Nhà Giáo Việt Nam, mình xin chúc các thầy cô giáo, các bạn học sinh luôn luôn có sức khỏe và cố gắng trong học tập. Và mặc dù chả liên quan gì đến bài viết hôm nay cả, rảnh nên làm cái bài viết cho các bạn ^^.
Tạo Khung Liên Kết Bạn Bè Hover Đẹp Cho Blogspot
Tạo Khung Liên Kết Bạn Bè Hover Đẹp Cho Blogspot


Các Bước Thực Hiện

Bước 1: Tạo một widget HTML/Javascript mới.
Bước 2: Dán toàn bộ code này vào.
<div class="widget-content">
<style>
#lkbb-widget::-webkit-scrollbar{width:5px}
#lkbb-widget::-webkit-scrollbar-thumb{background:#484848;border-radius:100px}
#lkbb-widget::-webkit-scrollbar-thumb:active{background:#777}
#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 5px 5px 0; padding: 7px 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;border-radius: 40px}
.lkbb-widget a:hover{color:#069999!important;border:1px solid;border-radius: 12px;}
</style>
<div id="lkbb-widget">
<div class="lkbb-widget">
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
<li><a href='//www.starcuongit.com/lienket' target='_blank' title='Đặt liên kết'>Đặt Liên Kết</a></li>
</div></div></div>
 Bước 3: Chỉnh sửa & lưu lại.

Lời Kết

Bên trên là cách tạo khung liên kết bạn bè có hover đơn giản cho các bạn, đối với mình thì khá là chất =)) Còn bạn ? bạn thấy như thế nào ? Hãy cho mình biết bên dưới phần comment nhé! Những comment của bạn là nguồn động lực để mình cố gắng viết tiếp những thủ thuật, bài hay cho các bạn xem.
Chúc các bạn thành công!
- - 99 bình luận
CHUYÊN MỤC

BÌNH LUẬN (99)

  1. a hướng dẫn thêm số người onl vào cột thống kê blog đi ♥

    Trả lờiXóa
    Trả lời
    1. Cái này đã có người HD rồi nha em.

      Xóa
    2. http://whos.amung.us/showcase/

      Xóa
  2. Chết mợ, Blog giờ thành thủy cung zòi, màu sắc sặc sỡ phết :))

    Trả lờiXóa
  3. Anh ko đi thăm thầy cô hả ? Còn em thì ở nhà ôm PC :))

    Trả lờiXóa
  4. Blog edit chất ghê vậy bác, nhìn lúc trưa với bây giờ khác thật!

    Trả lờiXóa
  5. Anh ơi blog em hiển thị trên điện thoại nó lỗi sao á...anh edit lại hộ emm được ko vậy
    Blog: starduongdesign.blogspot.com

    Trả lờiXóa
  6. Blog: starduongdesign.blogspot.com
    Bị lỗi á anh chị xem hộ em

    Trả lờiXóa
    Trả lời
    1. Thanh tìm kiếm Label nào ????

      Xóa
    2. Chỗ nút trang chủ, blogger, facebook, liên hệ admin màu đỏ đó a

      Xóa
    3. Chụp hình anh xem, chả thấy ở đâu luôn.

      Xóa
    4. Gửi hình qua đâu vậy anh...bình luận kẹp ảnh ko được

      Xóa
    5. gửi link ảnh đó, up lên web

      Xóa
    6. Chắc ý bác là - khung seach kế phần Tiện Ích Online đúng không :D - nếu đúng thì đâu lỗi đâu tui đang sài oki mà seach chuẩn nữa đằng khác :V

      Xóa
    7. À thì ra là thế, bạn set Admin mình xem nhé.

      Xóa
    8. https://uphinhnhanh.com/image/PpUcJC

      Xóa
    9. Lỗi chỗ liên hệ admin màu đỏ dẫn tới lỗi nguyên thanh tìm kiếm đó...ai sửa hộ e hi

      Xóa
    10. Rồi rồi thấy rồi, set Admin đi sáng mai sửa cho.

      Xóa
    11. Xem trong phần liên hệ ấy. Tuananhle732@gmail.com

      Xóa
    12. À. Responsive à? K nói rõ trên mobile hay laptop, pc nên nãy khó hiểu vãi :v

      Xóa
    13. Khi nào anh làm bài vỉedt chỉ sửa lỗi đó được không vậy a

      Xóa
    14. Đã mời CTV rồi đó anh Cường,anh chấp nhận hi

      Xóa
    15. Cái này k viết bài chi tiết đc đâu bạn. Mỗi temp chỉnh responsive mỗi khác.

      Xóa
    16. Oh v thôi edit temmplate này hộ e cũng được😂

      Xóa
  7. Nhìn mấy cái Widget thích ghê :)

    Trả lờiXóa
  8. Giờ mới để ý, mất TOP 2 comment rồi @@

    Trả lờiXóa
    Trả lời
    1. Haha, cố gắng quẩy lên là lên lại thôi.

      Xóa
    2. Mà hằng ơi, sao a ko biết blog của em?

      Xóa
    3. Em được anh Cường thuê về quản lý blog phụ với ảnh thôi.

      Xóa
    4. E xinh thế! mà ở tận HN cơ :))

      Xóa
    5. Có gì mà phải WTF :v lạ lẫm lắm à =))

      Xóa
  9. Hằng ơi e bao nhiêu tuổi rồi, còn đi học hay là đi làm rồi?

    Trả lờiXóa
    Trả lời
    1. Em 16 tuổi, còn đi học ạ.

      Xóa
    2. Gì mà nhỏ thế, chắc kêu a bằng chú rồi :v

      Xóa
    3. Có bác nào đụng tuổi với em hông, mới có 2k4 thui nè

      Xóa
    4. Ko biết sao chứ mình là lơn nhất ở đây rồi :)

      Xóa
    5. Bác Niệm sinh năm bn vậy

      Xóa
    6. Ồ, đụng tuổi rồi nè

      Xóa
    7. OMG :)) Trúng tuổi rồi :v

      Xóa
    8. Giờ mới biết có nhiều người chơi blog = tuổi mình.
      Tưởng bé nhất luôn chứ.

      Xóa
  10. Trả lời
    1. Nhiều khi a nhớ a gọi vậy thôi chứ cũng ko có gì :D

      Xóa
  11. Blog Spot mà bác làm cũng đẹp ghê há :)

    Trả lờiXóa
    Trả lời
    1. Hehe, đẹp thì mới kéo được khách truy cập chứ ^^

      Xóa

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé