June 14, 2023 BLOGGER , CSS

[BLOGGER] - TÙY CHỈNH CSS NHÃN ĐÁM MÂY ĐẸP CHO BLOGSPOT

Chủ đề hôm nay là cách thêm Nhãn Blogger đẹp dựa trên CSS trong Cấu trúc đám mây. Hướng dẫn này sẽ không mất quá 5 phút để thực hiện và bạn ...

Chủ đề hôm nay là cách thêm Nhãn Blogger đẹp dựa trên CSS trong Cấu trúc đám mây. Hướng dẫn này sẽ không mất quá 5 phút để thực hiện và bạn sẽ ngạc nhiên về cách đơn giản và đẹp mắt này sẽ làm cho blog của bạn trông như thế nào.
Chỉ cần làm theo các bước dưới đây, bạn sẽ thêm Nhãn này vào blog của mình. Chỉ cần nhìn vào một ảnh chụp màn hình của nó dưới đây:

[BLOGGER] - TÙY CHỈNH CSS NHÃN ĐÁM MÂY ĐẸP CHO BLOGSPOT

Chúng ta thực hiện nhé.
Bước 1: Xem Bảng điều khiển Blogger của bạn.
Bước 2: Xác định vị trí Blog mà bạn muốn áp dụng Nhãn CSS tuyệt đẹp này cho.
Bước 3: Định vị Mẫu >> CHỈNH SỬA HTML
Bước 4: Đặt chuột của bạn vào Trình chỉnh sửa HTML của Blogger và nhấn
Bước 5: Bạn tìm kiếm thể ]]></b:skin>
Bước 6: Thêm đoạn code CSS này vào bên dưới thẻ trên.

#Label1 a{
position:relative !important;
margin:4px;
padding:3px;
float:left;
white-space:nowrap;
background:#E0DDDD;
color:#454242;
border:1px solid #454242;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
font-family: “Arial”,”Helvetica”,sans-serif;
font-size:12px;
text-decoration:none;
text-transform:capitalize;
-moz-transition:all .6s linear ;
-webkit-transition:all .6s linear ;
-o-transition:all .6s linear ;
transition:all .6s linear ;
}
#Label1 a:hover {
background:#6992E9;
color:#F3F4F8;
-moz-transition:all .3s ease ;
-webkit-transition:all .3s ease ;
-o-transition:all .3s ease ;
transition:all .3s ease ;
}

Bước 7: Bây giờ hãy cài đặt tiện ích “Label” và kích hoạt chế độ hiển thị “Đám mây”. Nếu Bạn đã có Nhãn trong blog của mình, hãy Chỉnh sửa Nhãn đó và Thay đổi cách hiển thị của Nhãn thành “Đám mây”
Bước 8: Bây giờ các bạn lưu mẫu và xem kết quả nhé.

LIVE DEMO

Chúc mọi người thành công với thủ thuật đơn giản này. <3