Tạo widget 4 label đáng chú ý nhất cho blogspot

Các bạn có để ý bên sidebar phải của blog mình có widget tên "Đáng chú ý" không?
Đó chính là nội dung của bài viết thủ thuật blogspot hôm nay mình muốn giới thiệu đến các bạn. Thực ra thì cái này chỉ tùy biến Css để có được một widget chứa 4 hình ảnh chia đều theo 4 góc thôi. Đơn giản nhưng có lẽ sẽ giúp ích gì đó cho blog của bạn.

Tạo widget 4 label đáng ý nhất cho blogspot/blogger

 CÁC BƯỚC THỰC HIỆN:

Bước 1: Truy cập quản trị blogger - Chủ đề - Chỉnh sửa HTML.
Bước 2: Dán đoạn Css bên dưới trước thẻ ]]></b:skin> và lưu template lại.

.tsmlogo {text-align: center;}
.tsmlogo img {margin:0px 5px 5px 0px;padding:5px;text-align:center;border:1px solid #ddd;}
.tsmlogo img:hover {border:1px solid #43a1a0!important;}
.tsmlogo img.noborder {border:0;}

Bước 3: Bố cục - Thêm tiện ích - HTML/Javascript - Dán toàn bộ đoạn code dưới vào khung nội dung và lưu widget lại.

<div class="tsmlogo"> <a href="http://www.tsmblogger.com/search/label/Blogspot" title="Chia sẻ thủ thuật Blogspot"><img class="noborder" src="http://i.imgur.com/XOaphwp.png" width="125" height="125" /></a>
<a href="http://www.tsmblogger.com/search/label/Facebook" title="Tin tức, thủ thuật Facebook"><img class="noborder" src="http://i.imgur.com/wBRYSoP.png" width="125" height="125" /></a>
<a href="http://www.tsmblogger.com/search/label/Templates%20Blogspot" title="Kho Template Blogspot đẹp"><img class="noborder" src="http://i.imgur.com/JCejr36.jpg" width="125" height="125" /></a>
<a href="http://www.tsmblogger.com/search/label/Th%E1%BB%83%20thao" title="Tin tức, video thể thao"><img class="noborder" src="http://i.imgur.com/VSaBUlP.jpg" width="125" height="125" /></a>
</div>

Tác Giả: TSMBBLOGGER

Nội dung chính

ĐIỀU KHOẢN SỬ DỤNG

1. Bằng cách nhấp vào nút TÔI ĐỒNG Ý bạn đã chấp thuận điều khoản sử dụng.
2. Chúng tôi không chịu trách nhiệm với lỗi phát sinh trong quá trình sử dụng.
3. Nếu các bạn cần hỗ trợ có thể để lại nhận xét bên dưới bài viết này hoặc liên hệ với chúng tôi.