Home » Blog Blogspot » Hướng dẫn tạo icon cho thư mục- nhãn blogger - blogspot

Hướng dẫn tạo icon cho thư mục- nhãn blogger - blogspot

Việc tạo icon cho thư mục hay những cái nhãn trên blogger - blogspot sẽ làm cho blog của bạn đẹp hơn và chuyên nghiệp hơn.

Hình demo

tạo hoặc lên google tìm mấy cái nut có size 15x15 (gõ vào ô tìm kiếm button, play, ...)
Nhớ là hình này phải thuộc định dạng .png hoặc định dạng khác nhưng nó có thể làm bạn ko hài lòng vì những phần thừa của hình.
bạn có thể úp lên blog của mình để lấy link hoặc úp lên (Photobucket, Picasa, TinyPic...)

Thực hiện:
Vào mục ► HTML ► tìm đoạn code:

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

Xóa tất cả và thay bằng đoạn code bên dưới (nhớ là copy nó ra word trước khi delete đề phòng rủi ro)

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url("http://i33.tinypic.com/332b6dt.jpg") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}

Thay link màu cam bằng link ảnh của bạn

Cuối cùng là save nó

Chia sẻ bài viết

Bài liên quan