Bài viết giúp bạn hiển thị ảnh/icon bạn mong muốn khi bài viết nào có nhãn đó thì mới hiển thị ảnh ra. Cách này giúp các bạn có thể dùng vào nhiều mục đích khác nhau như đánh dấu thủ thuật, đánh dấu template free, premium,...
Trong lúc mày mò RIP template bán hàng thì với 30 phút mình đã mò ra đoạn code này, không biết trên mạng có chưa nhưng mình cũng post để cho anh em nào cũng đang tìm kiếm thủ thuật này có thể tìm được :D - Tìm đến đoạn code <b:includable id='post' var='post'> và thêm code sau dưới nó
CODE HTML HIỂN THỊ ẢNH THEO NHÃN
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "NEW"'>
<div style='width:100px;height:38px;display:inline;position:absolute;margin-top:15px;margin-left:-122px;'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP8kP-niSjltDJRINXp_hQQijuuB7YGqq6bjZbkeQJF8vRiXk5aqziEuSXznONrbX8VVoADswQvog37oN2FGaIgdh7LMtk43IInR65az0jRHf1vGyRwB0qS3drR_oH2QvU-NLRYSXWa1nr/s1600/terbaru_badge.png'/></div>
</b:if>
</b:loop>
</b:if>
TRONG ĐÓ
- Thay NEW bằng label mà hình ảnh sẽ hiển thị khi bài đăng trên trang chủ có nhãn này. - Điều chỉnh kích thước và nơi ảnh hiện thị cho phù hợp - Thay https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP8kP-niSjltDJRINXp_hQQijuuB7YGqq6bjZbkeQJF8vRiXk5aqziEuSXznONrbX8VVoADswQvog37oN2FGaIgdh7LMtk43IInR65az0jRHf1vGyRwB0qS3drR_oH2QvU-NLRYSXWa1nr/s1600/terbaru_badge.png bằng link ảnh bạn muốn hiển thị.LƯU Ý:
- Template của bạn phải có Font-awesome - Các đoạn code trên là code hiển thị, ♥Nếu muốn hiển thị ở trang chủ và trang search label thì chèn đoạn code trên vào trong đoạn code <b:if cond='data:blog.pageType == "index"'></b:if> . ♥Nếu muốn hiển thị ở trang bài viết thì chèn đoạn code trên vào trong đoạn code <b:if cond='data:blog.pageType == "item"'></b:if>
- Trong quá trình viết bài chúng tôi sẽ có nhiều thiếu sót mong các bạn đóng góp để chúng tôi rút kinh nghiệm hơn !
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh
- Mọi chi tiết xin liên hệ:
- Email: lephuocsinh96@gmail.com
- Facebook: Fb.com/beohoavinh
0 nhận xét: