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://blogger.googleusercontent.com/img/proxy/AVvXsEj-BbALKh3U45Wt0S0jLOzVx1c6qZ_CZNvHbCZdtZrjFo1pt_XZ7_sCudpQiEReIEB4xhjJ9RgUR1YsKUDGKoUOuX0Mhqx8W0nJP9dnIG4bjdTHfIR4pIwi4isQr8Qj=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!