Tiện ích widget liên kết bạn bè trượt cho blogger

- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
• Email: tiennau1212@gmail.com
• Facebook: www.fb.com/tiennausenpai

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ẻ Marqueemớ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/AVvXsEiAr8L6u7M676Vzg_o1bDTEt21io-UsHamQhdYInJwX5wTE3_4_hgruJlQ77sZnVpsQu7WBWs5JdY1ZjuwSLlfx6op4Uh7ZuXajtOw1rvB5QOwOd0FOsKPU6NkMdr7x=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!

No comments