Home » Thu thuat
Tùy chình tiện ích nhãn (label Widget) màu đen cho blogspot
Thứ Sáu, 7 tháng 6, 2013
Đã khá quen với label của blogspot, làm cho màu sắc của label bắt mắt hơn cũng là 1 cách để người xem blog của bạn thích thú hơn.
Bài viết chia sẻ thủ thuật tùy chỉnh nhãn blogger theo phong cách màu đen. Với phong cách này phù hợp với blog có nền đen.
Xem thêm:
Tùy chỉnh nhãn (Labels) cho blogspot - Thủ thuật
Tùy chỉnh nhãn (Labels) cho blogspot V2 - Thủ thuật
Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
Hướng dẫn thủ thuật:
Bước 1: Vào Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> Nhãn (Labels)
Bước 2: Tùy chỉnh thiết lập tiện ích Labels theo lựa chọn hình dưới đây.
Lưu lại.
Bước 3: Vào mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Dán đoạn code dưới đây ngay bên trên ]]></b:skin>
Code:
Bước 4: Lưu mẫu lại và xem kết quả nhé :)
Tags:
Thu thuat
Bài viết chia sẻ thủ thuật tùy chỉnh nhãn blogger theo phong cách màu đen. Với phong cách này phù hợp với blog có nền đen.
Xem thêm:
Tùy chỉnh nhãn (Labels) cho blogspot - Thủ thuật
Tùy chỉnh nhãn (Labels) cho blogspot V2 - Thủ thuật
Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
Hướng dẫn thủ thuật:
Bước 1: Vào Bố cục (Layout) -> Thêm tiện ích (Add a widget) -> Nhãn (Labels)
Bước 2: Tùy chỉnh thiết lập tiện ích Labels theo lựa chọn hình dưới đây.
Lưu lại.
Bước 3: Vào mẫu (Template) -> Chỉnh sửa HTML (Edit HTML)
Dán đoạn code dưới đây ngay bên trên ]]></b:skin>
Code:
/*----- hướng dẫn thủ thuật itviet360.com ----*/
#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top, rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}
#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;}
Bước 4: Lưu mẫu lại và xem kết quả nhé :)

- Cách cài đặt Domain (tên miền) cho blogspot không bị chặn
- Xóa dòng chữ "hiển thị tất cả bài đăng có nhãn..." trong blogspot
- Template tin tức giải trí tuổi trẻ [tiin] cho blogspot
- Rss Feed Subscription đẹp - Nhận tin theo dõi Blogspot
- Thêm tác giả, quyền Admin cho blogspot
- Thêm Slide bài viết mới chạy ngang cho Blogspot
- Thủ thuật Facebook chèn link web vào stt FB hiện chung với like cmt và share
- Hiển thị nhãn (label) phong cách màu tím cực nổi cho blogspot [V3]
- Biểu tượng trái tim tình yêu đẹp trên Facebook (FB)
- Thêm Google translate - dịch đa ngôn ngữ cho Blogspot
- Code Javascript tạo thêm đồng hồ cho Website, blog
- Hướng dẫn cách chat nhóm trên Facebook (FB)
Comments[ 0 ]
Đăng nhận xét