Nói đến Label được coi là một thành phần vô cùng quan trọng trong Blogspot. Có rất nhiều cách để hiển thị label cho blogspot, và hôm nay mình xin giới thiệu đến các bạn một cách hiển thị label bằng hình ảnh đơn giản cho blogspot của các bạn.
Bước 1: Các bạn chèn đoạn css dưới lên trên thẻ ]]></b:skin>
/*Image Label*/Bước 2: Các bạn chèn đoạn code hiển thị sau bất cứ chỗ nào bạn muốn nó hiển thị
.image-labels {float:left}
.image-labels .label img:hover{opacity:0.7}
.image-labels .label img{width:217px;height:115px;}
.image-labels .label{float:left;position:relative;width:217px;height:115px;padding:0;margin:0;overflow:hidden}
.image-labels .label:nth-child(3n){margin-right:0}
.image-labels .label a{position:absolute;right:0px;bottom:0;padding:5px 10px;font-size:12px;line-height:20px;color:#fff}
.image-labels .label a:hover{text-decoration:underline}
.image-labels .clearfix{float:left;min-width:700px;margin-top:50px;}
.image-labels .clearfix a{color:#fff;text-decoration:none}
<div class='image-labels clearfix'>Các bạn nhớ tuỳ chỉnh lại CSS và Label theo nội dung và bố cục Blog mình nha.
<div class='label'>
<img alt="" src="https://i.imgur.com/8EbY4nV.png" />
<a href='/search/label/Blogger' style='background-color: rgba(108,203,103,.9);'>Thủ Thuật Blogger</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/TJtzWeY.png" />
<a href='/search/label/TemplateBlogger' style='background-color: rgba(100,132,203,.9);'>Template Blogspot</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/mYRGZgd.png" />
<a href='/search/label/Youtube' style='background-color: rgba(190,68,42,.9);'>Youtube Tips</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/mSXeD1W.png" />
<a href='/search/label/SEOer' style='background-color: rgba(190,68,42,.9);'>SEO Blogger</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/5LxPCUi.png" />
<a href='/search/label/News' style='background-color: rgba(214,199,30,.9);'>Tin Tổng Hợp</a>
</div>
<div class='label'>
<img alt="" src="https://i.imgur.com/BF43zBO.png" />
<a href='/search/label/Girls' style='background-color: rgba(253,167,90,.9);'>Girl Sexy</a>
</div>
</div>
<div class='clear'></div>
Chúc các bạn thành công. Nếu thấy hữu ích hãy để lại một comment để ủng hộ mình nhé!
18 Nhận xét
» Hướng dẫn nhúng hình ảnh: chỉ cần sử dụng link ảnh dán vào, vd: http://domain.com/image.png
» Tham trang khảo ảnh động cực cute: Qoobee
» Hướng dẫn nhúng link trang web: <a href="url" rel="nofollow">Link</a>
» Không chửi tục, nói bậy, quảng cáo thông qua khung Comment.
» Không spam link, chia sẻ các link không liên quan đến bài viết.
» Không xuyên tạc, bôi nhọ tổ chức hay cá nhân nào.
» Mọi bình luận sai nội quy sẽ bị xóa mà không cần báo trước. Xem thêm...
Chất
Trả lờiXóacomment cái méo gì cũng 1 từ :3
XóaHD cách tạo blog đẹp giống blog a đi a.
Trả lờiXóa.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
"Khanh blogger đến tương tác blog đây hú hú" (suunhi :p)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
hay (cmt cho co)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
chuc a ngay mới vv (ko doc bai)
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Hết ạ =)
Hôm nay phá nữa hả :3
Xóađể thử bỏ vào blog e xem ổn ko?
Trả lờiXóa1 ngày giúp a nhấn vô ads bn lần trog ngày là đủ a
Trả lờiXóa1 lần ads và 4 lần Mgid là đủ em ơi :)
XóaĐơn giản mà độc, tặng anh 1 like (like này là like tinh thần) :))
Trả lờiXóaChúc anh vui vẻ.
Ok cám ơn em nhé <3
Xóakhá giống iris-tips
Trả lờiXóaLà nó đó, nhưng làm theo kiểu khác tí thôi, lúc trước cũng có bài Label Intro của Iris mà.
XóaLượng tương tác của ông cũng khá cao đấy :v ( có cách nào để ng dùng tương tác nhiều thế có thể HD Hùng với được ko?
Trả lờiXóađơn giản thôi ông - chỉ cần đẹp trai và tinh tế là được :)
XóaXấu trai như Hùng, đc cái khoai to có đc ko Niệm nhể =)))
Xóaem cũng đẹp trai nè
Xóakhoai to thì cho mấy thằng nhỏ thông đi :v
Xóahay quá <3
Trả lờiXóađẹp quá anh
Trả lờiXóa