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

None Code 14.6.23

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

BLOGGER CSS

Hướng dẫn bình luận

Mọi người để lại bình luận góp ý, nhận xét về những bài viết mà mình chia sẽ văn minh lịch sự hay kích động, Không spam, không chèn link quảng cáo, bán hàng, Không sử dụng từ ngữ thô tục, xúc phạm, kích động, Link chỉ được phép khi thực sự liên quan đến nội dung bài viết, Không mạo danh người khác hoặc sử dụng email giả, Bình luận vi phạm sẽ bị xóa không cần thông báo trước.
Mọi người lưu ý răng, nếu muốn chia sẽ code ở bình luần thì cần mã hóa code trước khi bỏ vào khung nhé. :)

⑴ Chèn ℂ𝕤𝕤 theo mẫu : [pre css] CSS [/pre]
⑵ Chèn ℍ𝕥𝕞𝕝 theo mẫu : [pre html] HTML [/pre]
⑶ Chèn 𝕁𝕒𝕧𝕒𝕤𝕔𝕣𝕚𝕡𝕥 theo mẫu : [pre js] Javascript [/pre]

🖼️ Chèn 𝕀𝕞𝕒𝕘𝕖 theo mẫu : [img] Link hình ảnh [/img]
🎞️ Chèn Video 𝕐𝕠𝕦𝕥𝕦𝕓𝕖 theo mẫu : [youtube] Link Youtube [/youtube]