Hướng Dẫn Thêm Label Trên Thumbnail Cho Blogspot

Xin chào tất cả các bạn nhận được một lời đề nghị viết bài này mình xin phép viết bài HD thêm Label trên Thumbnail Cho Blogspot khá đẹp.
Cách làm: 
Bước 1: Tìm phần thumbnail rồi thêm đoạn code bên dưới vào nó 
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><div class='label-tag'><b:if cond='data:label.name == &quot;PSD BÌA&quot;'><a href='/search/label/PSD BÌA'> <span class='tag-name'>ẢNH BÌA</span></a></b:if><b:if cond='data:label.name == &quot;TEMPLATE BLOGSPOT&quot;'><a href='/search/label/TEMPLATE BLOGSPOT'><span class='tag-name'>TEMPLATE BLOGSPOT</span></a></b:if><b:if cond='data:label.name == &quot;THỦ THUẬT BLOGSPOT&quot;'><a href='/search/label/THỦ THUẬT BLOGSPOT'> <span class='tag-name'>THỦ THUẬT BLOGGER</span></a></b:if><b:if cond='data:label.name == &quot;Tiện ích&quot;'><a href='/search/label/Tiện ích'><span class='tag-name'>Tiện ích</span></a></b:if><b:if cond='data:label.name == &quot;Công cụ&quot;'><a href='/search/label/Công cụ'><span class='tag-name'>Công cụ</span></a></b:if><b:if cond='data:label.name == &quot;THỦ THUẬT FACEBOOK&quot;'><a href='/search/label/THỦ THUẬT FACEBOOK'><span class='tag-name'>THỦ THUẬT FACEBOOK</span></a></b:if><b:if cond='data:label.name == &quot;Gái xinh&quot;'><a href='/search/label/Gái xinh'><span class='tag-name'>Gái xinh</span></a></b:if><b:if cond='data:label.name == &quot;ẢNH ĐẸP&quot;'><a href='/search/label/ẢNH ĐẸP'><span class='tag-name'>ẢNH ĐẸP</span></a></b:if><b:if cond='data:label.name == &quot;PSD&quot;'><a href='/search/label/PSD'><span class='tag-name'>PSD</span></a></b:if><b:if cond='data:label.name == &quot;CHIA SẼ&quot;'><a href='/search/label/CHIA SẼ'><span class='tag-name'>CHIA SẼ</span></a></b:if></div></b:loop></b:if>
                ảnh minh họa

Bước 2: Tiếp đến thêm đoạn code bên dưới vào blog trước thẻ ]]></b:skin> 


.tag-name{    border-radius: 0 20px 20px 0;font: 600 15px Roboto Condensed;background: #d86565;color: #fff;display: inline-block;margin: 20px 0;position: absolute;padding: 5px 17px 5px 10px;}.label-tag{font-size:22px;width:170px;height:42px;line-height:45px;position:absolute;top:0;box-sizing:border-box;color:#fff;z-index:2;border-radius:0 0 3px 3px}.label-tag i{font-size:12px;color:#fff;border:1px solid;border-radius:50%;padding:0;height:23px;width:23px;text-align:center;line-height:22.5px}.label-tag.windows{background-color:#0077db}.label-tag.wordpress{background-color:#0087be}.label-tag.blogger{background-color:#ff8000}.label-tag.facebook{background-color:#4267b2}.label-tag.psd{background-color:#ff5722}.label-tag.tips{background-color:#D80F16}.label-tag.write{background-color:#80b810}.label-tag.gift{background-color:#673ab7}.label-tag.photoshop{background-color:#ff5722}
Chúc các bạn thành công !! 

source: Toishare 

Mod lại giống: Hồng Hải Blog
Star Bình Blog
Lê Quang Thìn
Designer & Developer

Chào các bạn. Với đam mê và sở thích, mình lập nên blog này để lưu trữ những kiến thức, đồng thời cũng chia sẻ những gì mình biết và sưu tầm được tới bạn đọc.

  • Cùng Bình Luận:

    Hiện tại có 67 comments:

    1. Chỉ cần 1 thẻ data thôi sao nhiều quá vậy =))

      ReplyDelete
    2. :v temp bài viết nổi bật bị lỗi không hiện hình ảnh

      ReplyDelete
    3. cám ơn ông nhé vô cùng hữu ích

      ReplyDelete
    4. temp đẹp -.- khung code hơi bị bạc bạc sao á anh

      ReplyDelete
    5. nút chỉnh tối ở trang chủ làm mất tên bài :v ở trang chủ

      ReplyDelete
    6. bố cục trên màn hình nhỏ lỗi anh à

      ReplyDelete
    7. Css comment giống thuthuathay nhỉ =)))

      ReplyDelete
    8. lâu nay không thấy qua chơi.... chúng ta đều bận cả :(

      ReplyDelete
    9. Đổi tên miền tui tí nhé, thành https://honguyenit.blogspot.com/

      ReplyDelete
    10. A ko thích cái kiểu load bài dài như thế, load có chừng mực nó hay hơn

      ReplyDelete
    11. Muốn koi cái footer mà load load quài bức mình >_<

      ReplyDelete
    12. Đổi lại domain này giúp tôi nhé :
      https://ryozdesigns.blogspot.com/
      Do có sự cố nên chuyển qua dùng cái này

      ReplyDelete
    13. Đổi tên miền thành
      nhanblogger.com hộ t nha :P
      sẵn đặt liên kết luôn :

      Url : https://www.nguoiduatin24h.net
      Tên : Người Đưa Tin 24h
      Mô tả : để gì cũng được
      :< lk đứng đầu mới chịu nhen

      ReplyDelete
    14. Template cố định rồi chứ :v

      ReplyDelete
    15. Liên kết nha https://huyhoangit-tips.blogspot.com

      ReplyDelete
    16. Mong bạn dành chút thời gian để đổi liên kết của blog thành hoangminhit.net nhé

      ReplyDelete
    17. Đặt liên kết r hóng ad liên kết vs mik

      ReplyDelete
    18. Hóng share temp. Nhân tiện đổi tên miền thành hoangminhit.net hộ với

      ReplyDelete
    19. a chưa hiểu cái thủ thuật này cho lắm :)

      ReplyDelete