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

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

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. ...
Lê Bá Long Tác giả:
Xuất bản: 9/24/2018
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
 Hướng Dẫn Thêm Label Trên Thumbnail Cho Blogspot Hướng Dẫn Thêm Label Trên Thumbnail Cho BlogspotLê Bá Long8.8stars based on9reviewsXin 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. ...

Blogger Comments

Hiện tại có 68 nhận xét:

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

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

    Trả lờiXóa
  3. cám ơn ông nhé vô cùng hữu ích

    Trả lờiXóa
  4. temp đẹp -.- khung code hơi bị bạc bạc sao á anh

    Trả lờiXóa
  5. nút chỉnh tối ở trang chủ làm mất tên bài :v ở trang chủ

    Trả lờiXóa
  6. bố cục trên màn hình nhỏ lỗi anh à

    Trả lờiXóa
  7. Css comment giống thuthuathay nhỉ =)))

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

    Trả lờiXóa
  9. Đổi tên miền tui tí nhé, thành https://honguyenit.blogspot.com/

    Trả lờiXóa
  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

    Trả lờiXóa
  11. Muốn koi cái footer mà load load quài bức mình >_<

    Trả lờiXóa
  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

    Trả lờiXóa
  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

    Trả lờiXóa
  14. Template cố định rồi chứ :v

    Trả lờiXóa
  15. Liên kết nha https://huyhoangit-tips.blogspot.com

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

    Trả lờiXóa
  17. Đặt liên kết r hóng ad liên kết vs mik

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

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

    Trả lờiXóa
  20. Cho e đặt liên kết với bác:
    Tên : ThachOnline
    Link: https://thachonline.com/
    Mô Tả: Ko cần.
    Thank b. giúp e <3

    Trả lờiXóa