• KIẾN THỨC SEO
  • BLOG SERIER
  • SEO BLOGSPOT
  • TEMPLATE BLOGSPOT
  • ICON FACEBOOK
MENU

Hoc Tieng Trung Khamphablog.com

Menu
  • Home
  • #Web Tools
    • Giải Mã
    • Mã Hóa
    • Chuyển đổi code
    • Lấy mã màu
  • Liên Hệ
  • #Dịch Vụ
    • Rip Blogspot
    • Rip Wordpress
  • Site map
  • #Giới Thiệu
    • Admin
    • Blog
  • Liên Kết
  • Hỏi Đáp
Trang Chủ Blog Series Blog-Tips Blogger-Widget Thu-Thuat [Tips] - Làm đẹp widget nhãn (label) blogpsot

[Tips] - Làm đẹp widget nhãn (label) blogpsot

Đỗ Mạnh Hồng May 25, 2015 Blog Series Blog-Tips Blogger-Widget Thu-Thuat
Đỗ Mạnh Hồng
Nhãn hay còn gọi là Label trong blogspot là một phần không thể thiếu trong blogpsot nhằm giúp blogspot tăng pagerank, nhưng rất ít ai để trên blog của mình vì nó quá xấu nên các blogger ngại đặt nó. Nay khám phá blogspot sẽ giúp bạn làm đẹp label list và label cloud cho blogspot.
label list, label cloud
Cách làm đẹp cho widget nhãn blogspot
Để làm đẹp cho widget này rất đơn giản bạn chỉ cần thêm một đoạn css vào trước thẻ ]]></b:skin>
/* Labels
----------------------------------------------- */
.list-label-widget-content li{float:left;width:42%;padding-left:20px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj59zJzaEUnb45CZkVysdqqwTfbV5BNt30i1R6Xf6NClMVk4iyr3a-pKwCQZUYi7fkP7MMkpsLvcpksZoQeKAsw-5HQ6_Z1bCCAh8Mkt-EW1prme3DPFNYob9OOQdEeBZGiNhZnAujgBQW1/s1600/bullet.png) no-repeat scroll 2px 10px;
list-style-type: none;}
.list-label-widget-content li a{color:#999;font-size:15px;}
.cloud-label-widget-content .label-size {font-size: 100%;float: left;}
.cloud-label-widget-content .label-size a {color: #666;float: left;font-size: 13px;margin: 0 5px 5px 0;padding: 5px 15px;text-decoration: none;border: 1px solid #999;border-radius: 30px;}
.label-size a:hover, .label-size:hover .label-count, .label-size:hover a {background-color: #111;color: #999;text-decoration: none;transition: all 0.2s ease-out 0s;}
.cloud-label-widget-content .label-size span {color: #999;float: left;font-size: 13px;margin: 0 5px 5px 0;padding: 5px;text-decoration: none;border: 1px solid #999;border-radius: 30px;}
.cloud-label-widget-content .label-size span:first-child, .cloud-label-widget-content .label-size span:first-child span:nth-child(2) {background: #111;color: #999;}
 Sau khi thêm xong lưu mẫu lại và kiểm tra thành quả nhé, đù đặt label list hay label cloud đều khá đẹp. Chúc các bạn thành công.

Bài Viết Cùng Chủ Đề

  • [Tips] - Tầm quan trọng của liên kết nội bộ (internal links) trong seoLiên kết nội bộ (internal links) là liên kết giữa các trang trên một blogspot, là những từ khóa dùng để gắn kết giữa cá ...
  • [Tips] - Làm sao để thêm facebook comments vào blogspotFacebook là mạng xã hội lớn rất tốt cho việc seo blogspot, việc thêm facebook comments vào blogspot là rất cần thiết và ...
  • [Tips] - Tối ưu seo blogspot search labelSearch label hay còn gọi là trang nhãn trong blog, những người làm seo blogspot thì ít ai nghĩ đến việc seo trang này. ...
  • [Tips] - Viết bài như thế nào là chuẩn seo cho blogspotPhải nói rằng seo blogspot là một cuộc cách mạng cho những blogger, ngoài việc tối ưu cho blog và seo offpage ra thì vi ...
  • Chuyển pdf sang word trực tuyến không bị lỗi fontBạn đã từng loay hoay cả buổi để tìm cách chuyển đổi một file pdf sang file word để tiện cho công việc của mình nhưng k ...
Next
« Prev Post
Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

5 nhận xét

Write nhận xét
Quang Mạnh
AUTHOR
10 June 2015 at 14:25 delete

Chào anh. em đã thêm phần CSS anh bảo nhưng nó chỉ hiển thị dấu chấm, em thích mấy phần bo tròn phần Label thì làm sao anh,
blog em, nhờ anh chỉ bảo: http://www.gsh.vn/
Cảm ơn anh.

Reply
avatar
Đỗ Mạnh Hồng
AUTHOR
10 June 2015 at 18:45 delete

Phần bo tròn thì bạn chỉnh label hiển thị dạng Cloud thay vì dạng Danh sách thì nó sẽ hiển thị dấu châm, Bạn chỉnh sang Cloud thì nó sẽ có dạng bo tròn bạn nhé. Cảm ơn bạn ghé thăm blog của mình.

Reply
avatar
Quang Mạnh
AUTHOR
10 June 2015 at 22:05 delete

Cảm ơn anh, mấy thủ thuật SEO trong blog em là em làm theo cách anh hướng dẫn hết đó. Nhà mới đẹp lắm anh Chúc Blog anh ngày càng phát triển, nếu anh rảnh thì ghé blog em xem qua và tư vấn cho em vài thứ cần thiết nhé. E mới tập tành làm blog nên chưa rành lắm. Thanks anh.

Reply
avatar
Đỗ Mạnh Hồng
AUTHOR
10 June 2015 at 23:44 delete This comment has been removed by the author.
avatar
Đỗ Mạnh Hồng
AUTHOR
10 June 2015 at 23:48 delete

Vâng anh cảm ơn em đã ủng hộ anh, anh sẽ ghé thăm blog của em nhé.

Reply
avatar

Icon CommentsIcon Comments

:)
:(
=(
^_^
:D
=D
=)D
|o|
@@,
;)
:-bd
:-d
:p
:ng
Đăng Nhập để bình luận chém gió.
Subscribe to: Post Comments (Atom)

Blog Tự Học Seo Online

Blog ra đời dưới sự thành lập của Đỗ Mạnh Hồng với mục đích chia sẻ những kiến thức giúp bạn tự học seo blog online chạy trên nền tản blogspot và website, cùng với đó chúng tôi còn chia sẻ tới các bạn những templates blogspot chuẩn seo, những thủ thuật đơn giản giúp bạn thao tác dễ dàng hơn trong phần quản trị Blogger. Với tiêu chí muốn gởi đến các bạn "SEO TỪ KHÓA LÊN TOP - KHÓ MÀ DỄ". Hãy cũng chúng tôi trao đổi và mong muốn được hỗ trợ các bạn nhiều hơn nữa.


  • Popular

Popular

  • [Tips] - Thẻ điều kiện trong blogspot là gì?

SUBSCRIBE TO OUR NEWSLETTER

Copyright © 2015 Khamphablog.com All Right Reserved Tự học seo blog online cho người mới bắt đầu