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/AVvXsEgUpidLL3rr8zqYStcMRSUMvONW_ulAvJqywj3wyW0EGMbmEBERUjjGLCwbcmLZT0rWg6X_cRi2SvQE9rNuNxRwVTxAEVXE2CtC6j-RtyQhKS7Pj8W7gWel7VLw4j-H=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!

Bài viết của bạn được xem như một đề xuất cho bài viết của chúng tôi. Mẫu bài viết bạn đang chỉnh sửa sẽ được chúng tôi xem xét và update lên blog nếu nó hoàn hảo !

CHỈNH SỬA BÀI VIẾT
----------------------------------------
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. <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPCTyMDab81iN9XIMO3pjPed4wt2kZZNB-S4smFg-7wZcbolrThkADX_FsvKzYcOoVxU13eCuNnqhf6gYEd9LvYqY9gAjDlhMFCLEqzo0RGYCtHiPl_GIhYrsON_MZzdW_sJpTI1oyd0/s1600/26913776_2003901806518974_973303256_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="450" data-original-width="631" height="456" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPPCTyMDab81iN9XIMO3pjPed4wt2kZZNB-S4smFg-7wZcbolrThkADX_FsvKzYcOoVxU13eCuNnqhf6gYEd9LvYqY9gAjDlhMFCLEqzo0RGYCtHiPl_GIhYrsON_MZzdW_sJpTI1oyd0/s640/26913776_2003901806518974_973303256_n.jpg" width="640" /></a></div><div class="separator" style="clear: both; text-align: center;"></div><a name='more'></a> Các bước thực hiện:<span style="background-color: white; color: #666666; display: inline; float: none; font-family: monospace; font-size: 17px; font-style: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: pre-wrap; word-spacing: 0px;"> 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 <pre data-codetype="HTML" style="background: rgb(250, 250, 250); border-radius: 4px; border: 0px; box-sizing: border-box; display: block; font-stretch: inherit; font-variant-numeric: inherit; height: 350px; line-height: inherit; margin: 1px 0px; max-height: 350px; orphans: 2; outline: 0px; overflow: auto; padding: 0px; position: relative; text-align: start; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; user-select: all; vertical-align: baseline; widows: 2; word-break: break-all; word-wrap: normal;"><div id="ndh"> <marquee direction="up" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" height="180" width="100%" style="height: 180px; width: 100%;"> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket""> Đặ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"> Đặt Liên Kết</a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết" class="lket""> Đặ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"> Đặt Liên Kết</a> <a href="http://www.nguyenhuyit.tk/" target="_blank" title="Đặt Liên Kết " class="lket""> Đặ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"> Đặt Liên Kết</a> <a href="http:///" target="_blank" title="Đặt Liên Kết" class="lket"> Đặ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"> Đặt Liên Kết</a> <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/AVvXsEgUpidLL3rr8zqYStcMRSUMvONW_ulAvJqywj3wyW0EGMbmEBERUjjGLCwbcmLZT0rWg6X_cRi2SvQE9rNuNxRwVTxAEVXE2CtC6j-RtyQhKS7Pj8W7gWel7VLw4j-H=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></pre>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!