• 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] - Thẻ điều kiện trong blogspot là gì?Chào các bạn có rất nhiều bạn liên hệ với mình và hỏi rằng thẻ điều kiện trong blogspot là gì? thẻ điều kiện dùng để là ...
  • [Tips] - Làm sao để blogspot không bị lỗi hình ảnhLỗi hình ảnh (image) là lỗi thường gặp nhất hiện nay, hiện nay đối với nhà mạng VNPT đã chặn hình ảnh đối với blogspot, ...
  • Kỹ Thuật Tối Ưu SEO Onpage Cho Blogspot Và Website Kỹ Thuật Tối Ưu SEO Onpage Cho Blogspot Và Website  từ A tới Z cho website và blogspot: Bao gồm những kỹ thuật tối ưu ...
  • 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 ...
  • [Tips] - Auto Nofollow link trỏ ra ngoài cho blogpsotĐặt thuộc tính Nofollow cho những link trỏ ra ngoài cho blogspot là một điều cần thiết cho việc seo blogspot, một phần ...
Next
[Tips] - Widget bình luận (comments) mới cho blogspot
Previous
[Tips] - Viết bài như thế nào là chuẩn seo cho blogspot
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

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