Tạo widget liên kết bạn bè trượt tuyệt đẹp cho Blogspot

Hello anh em, cũng mới từ trường học về rồi tắm rửa và lại ngồi ôm PC đây. Cũng ngồi mò mò viết cái thẻ Marquee mới được thầy dạy ở trường cũng khá là thích thú nên ngồi mất hơn 20 phút để làm cái widget này share lên Blog :v Tại lần đầu viết cái này nên cũng hơi dài dòng 1 tí :v Có gì mong anh em thông cảm.

Hướng dẫn thực hiện

Bước 1: Các bạn đăng nhập Blogger Bố cục Thêm tiện ích HTML/Javascript.
Bước 2: Thêm đoạn code này vào tiện ích bạn vừa tạo.
<div id="ndh"> <marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" height="180" width="100%" style="height: 180px; width: 100%;"> <p><a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket""><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket"" style="float:right"><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a></p> <p><a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket""><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket"" style="float:right"><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a></p> <p><a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết " class="lket""><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết </a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket"" style="float:right"><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a></p> <p><a href="http:///" target="_blank" title="Đặt Liên Kết" class="lket"><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket"" style="float:right"><i aria-hidden="true" class="fa fa-heart-o" id="tym" style="color:#d00"></i> Đặt Liên Kết</a></p> <div><center><a href="/p/lien-ket-blog-website.html"><img alt="Liên Kết-Hợp Tác" border="2px" height="n" src="https://lh5.googleusercontent.com/proxy/zXl5YzB_EcRy8Kl8DGRi0-F8sBrXMYVsObypS3xoT-Jde9UOBWVNxKB4GBn19DTxSvE=s0-d" title="Liên Kết Với Tôi" width="100%" style="padding-top:4px;" /></a></center><div></div></div> </marquee></div> <div class="clear"></div></div>
Các bước thay link và tên liên kết chắc mình không cần phải nói ở đây rồi.
Bước 3: Lưu lại và xem kết quả.

Tổng kết

Chỉ vài bước đơn giản các bạn đã có thể tạo cho riêng mình widget liên kết bạn bè "tuyệt đẹp" rồi. Chúc các bạn thành công!
Tác giả bài viết: Đức Huy Blog
Thời gian đăng bài: Thứ Ba, 16 tháng 1, 2018
Tổng số bình luận: 28

28 nhận xét:

  1. Cái này chỉ đc đx thôi chứ ko có tuyệt đẹp nha, lừa dối người đọc :v

    Trả lờiXóa
    Trả lời
    1. Cái tiêu đề đã nói lên tất cả rồi anh ạ :3

      Xóa
  2. cái này cũng tạm thôi, chưa có đẹp lắm :)) cố gắng nghiên cứu thêm đi

    Trả lờiXóa
  3. đây là lần đầu e viết mà :( e có ghi ở trên rồi mà :(

    Trả lờiXóa
  4. xấu vãi cả lozz (lời nhận xét trân thật nhất trong list cmt giả dối bên trên :v )

    Trả lờiXóa
    Trả lời
    1. Why you don't say about the first comment? I commented it before you: 3

      Xóa
  5. sao mấy bác cứ ném đá e hoài vậy :( hic hic

    Trả lờiXóa
  6. Các blog tổng thể thay áo mới đón tết à :v

    Trả lờiXóa
  7. Sao liên kết tui đâu rồi Tính :v

    Trả lờiXóa
    Trả lời
    1. Ở phía dưới đấy, để ý kĩ lại nhé Sơn.

      Xóa
    2. À ok, tại máy lag quá ko thấy cái thanh trượt

      Xóa
    3. Máy lag đến Điện máy xanh sửa nhé :v

      Xóa