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
- - 3 bình luận
CHUYÊN MỤC

BÌNH LUẬN (3)

  1. Vui lòng đổi lk blog mình lại thành www.starnguyenit.tk xin cảm ơn.

    Trả lờiXóa
  2. Bác sửa giúp e nguồn là TSM Blogger nha :3 Thừa 1 chữ B rồi. Thanks bác.

    Trả lờiXóa

Một số lưu ý khi bình luận

Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước (xem nội quy)

Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời

Để bình luận một đoạn code, hãy mã hóa code trước nhé