Khi con trai cần...

Hiển thị Label bằng hình ảnh đơn giản cho blogspot

Bài viết ngẫu nhiên

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.
hien thi label bang hinh anh don gian cho blogspot

Bước 1: Các bạn chèn đoạn css dưới lên trên thẻ ]]></b:skin>
/*Image Label*/
.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}
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ị
<div class='image-labels clearfix'>
<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>
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.
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é!

Phan Niệm

Không muốn hoặc không thích, không tồn tại hoặc không thể! Cám ơn các bạn đã ghé thăm, chúc các bạn có những phút giây thoải mái và bổ ích trên blog của mình! Thanks for... Xem thêm về tôi

  1. HD cách tạo blog đẹp giống blog a đi 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 ạ =)

    Trả lờiXóa
  2. để thử bỏ vào blog e xem ổn ko?

    Trả lờiXóa
  3. 1 ngày giúp a nhấn vô ads bn lần trog ngày là đủ a

    Trả lờiXóa
  4. Đơn giản mà độc, tặng anh 1 like (like này là like tinh thần) :))
    Chúc anh vui vẻ.

    Trả lờiXóa
  5. Trả lời
    1. Là 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óa
  6. Lượ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
    Trả lời
    1. đơn giản thôi ông - chỉ cần đẹp trai và tinh tế là được :)

      Xóa
    2. Xấu trai như Hùng, đc cái khoai to có đc ko Niệm nhể =)))

      Xóa
    3. em cũng đẹp trai nè

      Xóa
    4. khoai to thì cho mấy thằng nhỏ thông đi :v

      Xóa