Hướng dẫn tạo khung liên kết đối tác, bạn bè cho Blogger - Blogspot

Lâu rồi Văn Thắng Blog không viết bài hướng dẫn thủ thuật về Blogger - Blogspot. Hôm nay trở lại mình xin hướng dẫn các bạn tạo 1 tiện ích khá hay và phổ biến trên nền tảng Blogger và Worddpress là khung liên kết.

Bài này mình sẽ khác các bài hướng dẫn tạo khung liên kết khác là sẽ không có favicon trước liên kết, nếu bạn nào muốn có thì đọc phần chú ý cuối bài nhé.

DEMO NHƯ HÌNH:

Chúng ta bắt đầu nhé :D

Rất đơn giản, các bạn vào trang quản lí Blog của mình, chuyển qua thẻ Bố cục. Các bạn hãy lựa chọn 1 nơi thích hợp để đặt tiện ích nhé. Khi đã chọn xong nơi thích hợp thì click vào " Thêm tiện ích " >> " HTML/Javascript " và copy đoạn code dưới vào:

<h2 class="title"><i class="fa fa-link"></i> LIÊN KẾT</h2><div class='widget-content'><style>#vanthanglink{margin:0;padding:0;overflow:auto;font-weight:900;max-height:200px;}#vanthanglink p{margin:0;float:left;}a.tochu{color:#ccc;padding-left:10px;}.tochu:hover{color:#0093da;font-weight:Narrow bold;} </style> <div id="vanthanglink" ><marquee behavior="alternate"><b><a href="http://www.vanthangit.tk" target="_blank" title="Star Trường IT"><span style="color: #fff000;"><i class="fa fa-hand-o-right" aria-hidden="true"></i> CLICK ĐẶT LIÊN KẾT <i class="fa fa-hand-o-left" aria-hidden="true"></i></span></a></b></marquee><p><a href="http://www.vanthangit.tk" target="_blank" title="Văn Thắng IT"class="tochu">| Văn Thắng IT - ADMIN</a></p><p><a href="https://www.facebook.com/kenhtonghop.112001" target="_blank" title="Facebook"class="tochu">| My Facebook</a></p><p><a href="https://www.youtube.com/" target="_blank" title="Youtube"class="tochu">| Channel Youtube</a></p>
Sau khi copy xong các bạn hãy edit lại theo link và tên của mình.
Xong giờ thì lưu lại thôi :v
Chú ý:
- Để thêm liên kết các bạn thêm code dưới dưới thẻ  <div id="vanthanglink" >

<p><a href="#" target="_blank" title="Tên liên kết"class="tochu">| Tên liên kết</a></p>

- Để thêm Favicon các bạn thêm css này trên thẻ </style>

.favicon{width:16px;height:15px;margin-right:8px}

Để hiển thị các bạn thêm code dưới trước tên hiển thị nhé

<img src="Link Favicon" class="favicon" align="center"/>

 Chúc các bạn thực hiện thành công.
Bài viết của hay hay dỡ thì các bạn hãy comment phía dưới để mình phát triển blog tốt hơn nhé.