[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:
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.
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é.
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:
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é.
Chúc mọi người thành công với thủ thuật đơn giản này. <3
![[BLOGGER] - TÙY CHỈNH CSS NHÃN ĐÁM MÂY ĐẸP CHO BLOGSPOT [BLOGGER] - TÙY CHỈNH CSS NHÃN ĐÁM MÂY ĐẸP CHO BLOGSPOT](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMbctmZU3SpiPvc1TPVa_cP05Cf8x8JkeJytUIAazWtbNNVd21r_py-s04Pu4mZ8elwGUk3lUm_en1AxS44yJMt7xhDP5OJeFXNJsxPjAdjSCLbTVpVoFVoDK4--o0khZwF3gn79dEQ_uo07feaWSIH7pcqmoh9HxahsDiEktmJ3i02LV2OZlrWJTF/w640-h105/CSS-CLOUD-LABEL-BEAUTIFULL.png.webp)
10 comments
Nice beautiful (y)
Replyđẹp đó e (y)
Replychuẩn (y) đẹp, gọn gàng, k cầu kỳ <3
Replyđẹp đó e. (y)
Replynhìn đẹp nhưng nếu thêm mấy icon mũi tên vào trước nhãn đó thì sẽ hay hơn e :D, nhưng tốc độ tải trang sẽ chậm thêm chút. Nhưng đổi lại là đẹp mắt
Replychất lượng đó e (y)
Replynhưng nếu làm theo list đồ về sẽ hay hơn và giảm chút tốc độ tải trang đó e :D
Hi tks <3
Reply<3, e cũng đang tìm hiểu về thủ thuật đó a :D, để tối ưu giao diện tốt nhất a nhé <3
Replychất lượng đó e (y)
Replythêm icon nữa sẽ nặng cho blog đó c, e thấy thế này cũng ổn r <3
Reply