Theo mặc định, Blogger cho phép bạn sắp xếp nội dung của bạn vào các label và sẽ cố định cho bạn tại 1 vị trí, nhìn bên ngoài thì không thấy mấy độc đáo . label để làm một đường dẫn  label bài viết của mình vào một danh mục cụ thể để người dùng có thể dễ dàng tìm thấy nội dung có liên quan không phải bằng cách tìm kiếm toàn bộ blog của bạn nhưng bằng cách nhìn vào một nhãn cụ thể hoặc một loại. Điều này làm cho trang web của bạn thân thiện hơn, nhưng cũng hữu ích cho công cụ tìm kiếm quá. Bạn có thể hiển thị các nhãn trong thanh bên hoặc bất cứ nơi nào trong trang web của bạn đó là danh sách hoặc một danh sách kèm theo số lượng bài viết của từng nhãn (label). Trong bài viết này, PhucNguyenIT sẽ chỉ cho bạn cách để tạo kiểu cho nhãn(label) trong blogger. Trước khi bạn bắt đầu với hướng dẫn này, chúng tôi muốn giới thiệu bạn đi qua  như thế nào để thêm nhãn trong bài viết của bạn để bạn có thể hiểu với chính quyền nhiều hơn.

Hiển thị Tất cả các nhãn với số lượng bài viết trong Blogger:

Một vài blog trang web họ thường để các mục trang lỗi và dưới trang lỗi hoặc trang không tìm thấy là các nhãn, để cho người dùng có thể biết từng nhãn mà truy cập và đây là cách để chúng ta có thể tạo 1 nhãn trong blogger: Tới Blogger >> Thêm một tiện ích >> Nhãn >> (Chọn nhãn đám mây trong các loại) và lưu các widget. Bây giờ nó phụ thuộc vào bạn, nơi bạn muốn đặt nó, hoặc trong sidebar hoặc footer. Bây giờ bạn có thể thấy một đám mây nhãn trên trang web của bạn sau khi làm theo hướng dẫn ở trên nhưng nó có thể không đẹp hay hấp dẫn nhưng bạn có thể tìm kiếm để thêm mã CSS sau đây trong mẫu của bạn chỉ trên thẻ để làm đẹp nhãn.

Làm đẹp nhãn (label) blogspot bằng cách chỉnh sửa css

/*--- MBL Custom Label Cloud With CSS3 --- */
.Label a {
    padding-left: 20px;
    background: #000;
    padding: 0 20px;
    color: #fff!important;
    border-radius: 100px;
    -moz-border-radius: 100px;
    height: 32px;
    line-height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    border: none !important;
    -webkit-transition: all .3s ease-in-out !important;
    t: 30pxt: 30px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 14px;
}

.Label a:hover {
    color: #000 !important;
    background: #ff0;
}

Bạn luôn có thể tùy chỉnh CSS theo sở thích của bạn, đây là một bản demo mà khi bạn làm theo ở trên bạn sẽ thấy khi bạn áp dụng cách mà PhucNguyenIT làm.

 
Hướng dẫn tạo phần label của blogspot đẹp hơn và nằm trong khung


Tạo nhãn đẹp trong từng bài viết của các bạn ( thẻ meta): 

Đa số các mẫu Blogger đi kèm với một thông tin gửi dữ liệu meta độc đáo phong cách hiển thị các nhãn mà bạn đã gắn thẻ, bài của bạn trong bài viết với tác giả. Tuy nhiên, một số mẫu cũ không có chức năng này,hoặc họ làm nhưng không có tính hấp dẫn, hay bạn có thể muốn kiểu cách khác nhau. Điều đầu tiên bạn cần làm là để làm đẹp nhãn mà CSS hoặc ID đó là được sử dụng bởi mẫu blogger của bạn để hiển thị nhãn. Bạn có thể sử dụng kiểm tra bằng cách thăm dò phần tử của Google Chrome để tìm ID. Nhấp chuột phải trên nhãn và chọn "Thăm dò phần tử" này sẽ mở ra một cửa sổ ở dưới cùng của màn hình của bạn cũng giống như nó được hiển thị trong hình dưới đây:

tìm kiếm id google
 Trong hình trên, bạn có thể thấy các chủ đề được sử dụng thẻ cho lớp CSS. Bây giờ bạn có thể sử dụng các mã CSS sau đây để định dạng theo nhu cầu mong muốn và yêu cầu của bạn. Lưu ý: nếu bạn đang sử dụng bất kỳ lớp hoặc ID khác sau đó chỉ cần chỉnh sửa CSS cho phù hợp.

.meta_categories {
    float: left;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
    font-size: 14px;
}
.meta_categories a {
    text-decoration: none;
}
Đây là kết quả cuối cùng của những gì bạn sẽ thấy trên trang web của bạn. Tuy nhiên, bạn có thể tùy chỉnh nó theo sở thích của bạn. 
Hướng dẫn tạo phần label của blogspot đẹp hơn và nằm trong khung

hy vọng bài viết của PhucNguyenIT sẽ có thể giúp các bạn thay đổi phần label của blogger của các bạn có 1 phong cách mới..

Nguồn chia sẻ : http://phucnguyenit.blogspot.com
Từ khóa nội dung : tạo con trỏ chuột, blogger,blogspot,  blogspot

Nhận xét&Bình luận

Kết nối&Chia sẻ:

Designed by www.kenhshare.net | Copyright © 2010 Template Design by Mr.Thành Công