Thảo Luận

×Close

Tạo khung liên kết bạn bè hover đẹp cho blogspot

Hầu như ở các Blogger hiện nay đều có một widget để đặt liên kết bạn bè với nhau. Hôm nay Star Cường IT chia sẻ đến các bạn cách 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='link liên kết' 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!

➥ Nhập địa chỉ Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
➥ Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
➥ Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.

103 nhận xét
Hiển thị
  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
  2. Sặc, Blog giờ chất thế a.

    Trả lờiXóa
  3. 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
  4. Anh ko đi thăm thầy cô hả ? Còn em thì ở nhà ôm PC :))

    Trả lờiXóa
  5. 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
  6. Thích nhất màu ở chỗ label :v

    Trả lờiXóa
  7. Nặc danh20 tháng 11

    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
    Trả lời
    1. Lỗi chổ nào em ? Nói rõ hơn xem.

      Xóa
    2. k Responsive chứ gì nữa

      Xóa
    3. Nặc danh20 tháng 11

      Chỗ này gửi ảnh ko được chị ơi

      Xóa
    4. Nặc danh20 tháng 11

      Lỗi thanh tìm kím label á chị

      Xóa
  8. Nặc danh20 tháng 11

    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. Nặc danh20 tháng 11

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

      Xóa
    3. Nặc danh20 tháng 11

      Thanh widget á anh..

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

      Xóa
    5. Cũng k hiểu gì luôn :3

      Xóa
    6. Nặc danh20 tháng 11

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

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

      Xóa
    8. 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
    9. À thì ra là thế, bạn set Admin mình xem nhé.

      Xóa
    10. Nặc danh20 tháng 11

      https://uphinhnhanh.com/image/PpUcJC

      Xóa
    11. Nặc danh20 tháng 11

      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
    12. Rồi rồi thấy rồi, set Admin đi sáng mai sửa cho.

      Xóa
    13. Nặc danh20 tháng 11

      Mail anh là gì vậy?!

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

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

      Xóa
    16. Nặc danh20 tháng 11

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

      Xóa
    17. Nặc danh20 tháng 11

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

      Xóa
    18. 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
    19. Nặc danh20 tháng 11

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

      Xóa
    20. Nặc danh21 tháng 11

      Rồi anh edit giúp em nha

      Xóa
    21. Nặc danh21 tháng 11

      Cảm ơn anh nhiều

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

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

    Trả lờiXóa
  11. 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. 'Hót phây' đấy :v

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

      Xóa
    4. Haha, chắc là vậy rồi.

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

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

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

      Xóa
    8. Nặc danh21 tháng 11

      Mình cũng 2k4 nè

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

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

      Xóa
    11. Toàn 2k4 hết thế :v

      Xóa
    12. 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
  12. Thúy Hằng của a dâu rồi?

    Trả lờiXóa
  13. 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
  14. Tên hiển thị: Star DŨNG
    Link Blog: https://stardungblogdz.blogspot.com/
    Mô Tả:Blog Dũng IT-Blog chia sẻ thủ thuật Facebook, PSD Bìa v...v

    Trả lờiXóa
    Trả lời
    1. Đây không phải là nơi đặt liên kết, mà nếu phải thì blog bạn vẫn chưa đủ điều kiện để mình đặt!

      Xóa
  15. Tên hiển thị: Star Đức Blog
    Link Blog: https://chanhducblogger.blogspot.com/
    Mô Tả:Blog Star Đức IT-Blog chia sẻ tin vui,...
    đã đặt cho anh

    Trả lờiXóa
    Trả lời
    1. Đây không phải là nơi đặt liên kết, mà nếu phải thì blog bạn vẫn chưa đủ điều kiện để mình đặt!

      Xóa
Mới hơn Cũ hơn