Thiết kế trang web luôn luôn là một thách thức lớn cho các blogger. Các blogger dành hàng giờ đồng hồ để tìm kiếm một mẫu hoàn hảo và thiết kế của nó. Sau khi bạn tìm thấy một mẫu, chúng ta sẽ thêm một số cái quan trọng, chẳng hạn như một bài viết phổ biến, hộp đăng ký, nhãn đám mây, vv Sau khi thêm tất cả, điều quan trọng để cho người khác có một cái nhìn chuyên nghiệp về blog của bạn. Nếu bạn là một nhà thiết kế web bạn có thể dễ dàng tùy chỉnh chúng, nhưng nếu không, thì đừng lo lắng bây giờ có hàng trăm hướng dẫn có sẵn trên internet. Vì vậy, hôm nay trong bài viết này, mình sẽ chỉ cho bạn làm thế nào để tùy chỉnh
nhãn đám mây trong blogger.
Label Cloud là một widget được cung cấp bởi blogger, được sử dụng để hiển thị các nhãn trên blog của bạn. Đơn giản chỉ cần nhãn thẻ hoặc loại mà chúng tôi sử dụng để phân loại các bài viết của chúng ta theo các nhóm khác nhau. Bạn có thể dễ dàng tùy biến
Label Widget đám mây bằng cách sử dụng CSS. Bạn sẽ thấy Widget này rất mịn màng lúc di chuột và mình hy vọng chúng sẽ cho một cái nhìn chuyên nghiệp về blog của bạn.
Hướng dẫn tạo nhãn (label cloud widget) đẹp cho blogspot
Bước 1: Đăng nhập
Blogger =>
Template => Click
Edit HTML
Bước 2: Ctrl+F tìm
]]></b:skin> và chèn code dưới đây ngay bên dưới
/*--- Custom Label Cloud With CSS3 By 1ThuThuat.Blogspot.com --- */
.Label a{
background:#000;
padding:0 20px;
color:#fff!important;
height:32px;
font-size:14px;
text-transform:uppercase;
text-decoration:none;
line-height:32px;
padding-left:20px;
float:left;
border:none !important;
margin-left:5px;
margin-top:5px;
-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s
ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s
ease-in-out;transition:all .4s ease-in-out;
}
.Label a:hover{
color:#000 !important;
background:#00cc00; }
/*--- Custom Label Cloud With CSS3 By 1ThuThuat.Blogspot.com --- */
Lưu lại và kiểm tra kết quả.
Chúc mừng bạn đã tạo xong một label cloud
widget cho blogger của bạn rồi, chúc thành công nha!
