Demo
Bắt đầu tiến hành:
2. Vào bố cục chọn chỉnh sửa HTML
3. Chèn code bên dưới vào trước thẻ ]]></b:skin>
background: #00ccff; /*màu nền của nút*/
border: 3px #00ccff outset;
padding: 0 2px;
text-decoration: none;
font: bold 10px Verdana; /*kích thước của text*/
color:#ff0000; /*màu text*/
}
.button:hover {
border-style: inset;
background: #33ffff; /*màu nền của nút khi rê chuột*/
padding: 2px 3px 0 5px;
color:#000099; /*màu text khi rê chuột*/
}
.button:visited {
background: #00ffff; /*màu nền của nút sau khi click chuột*/
color:#ff6600; /*màu text khi đã click chuột*/
}
.button:active{
color: white;
}
Để tạo nút cho link trong bài đăng hay trên blog, bạn chỉ việc thêm và link đó lệnh
<a class="button" href="http://chipkool.blogspot.com/">Thư viện code</a>