Tạo Widget Liên Kết Bạn Bè Trượt Tuyệt Đẹp

Tạo Widget Liên Kết Bạn Bè Trượt Tuyệt Đẹp

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 nên :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.

Các bước thực hiện:
Bước 1: Vào Bố Cục
Bước 2: Chộn Thêm Tiện Ích -> HTML/Javascript
Bước 3: Chèn đoạn code sau vào HTML/Javascript
<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://blogger.googleusercontent.com/img/proxy/AVvXsEjvTgk-xa5TcyHBDRpWcAjxe8jxEgNSE8WEO03B5YSHsLKFcOuA0xtykkh3loNbAfmdN3S5SJ4VYKy2PxMAV8_Jj5U_ippk_lw668If7fuutM0ilAi23oJsAbv0B_9b=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>
Bước 4: Lưu -> Rồi hưởng thụ thành quả thôi :v
Chắc thay link và tên liên kết thì chắc không cần phải hướng dẫn rồi :))
Chúc các bạn thành công!
Tác giả: Đức Huy Blog

Tôi lang thang trên đường đời, bỏ qua những thứ quan trọng nhất. Để rồi khi ngoảnh lại, chỉ còn Tôi - Các Bạn và Blog!

10 nhận xét:


Cùng tham gia bình luận bài viết này nhé!

  1. có bài hướng dẫn làm cái reaction như blog của bác không vậy :D

    Trả lờiXóa
  2. Cần có demo trực tiếp trên bài nhé :D

    Trả lờiXóa
  3. Hình ảnh chỉ phụ họa thôi, cần code live demo trực tiếp để tạo tính hấp dẫn cho bài viết hơn để ng` dùng có thể hình dung ra thủ thuật đó :D, đây là góp ý của H thôi nha :D

    Trả lờiXóa
  4. A Phú Ơi , a còn đặt LK k ạ , còn thì cho e 1 vé với
    https://adminthaoxamlone.blogspot.com/

    Trả lờiXóa