HƯỚNG DẪN "BẬT KHIÊN" CHO THUMBNAIL BLOGSPOT

tháng 8 01, 2018

hey yo what's up 500 anh em :v hôm nay mình sẽ chia sẻ các bạn một "típ" khá hay do mình tự nghĩ ra và thực hiện. Đó chính là "bật khiên" bảo vệ cho thumbnail của blogspot, chỉ là vài đoạn code nhỏ và rất đơn giản. Mong là sẽ được các bạn đón nhận!

Hình minh họa.

HƯỚNG DẪN THỰC HIỆN

- Các bạn tìm thumbnail và thêm đoạn code bên trong nó là được.

<div class='account_price' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJFM-bamaPeRFmDDd_KPEO5_rALJt2TzA9XI9N7-YZVrX6pfRQjCqsrE2Qzu63SAIL3dQ1ocTwdGXYHDUGIgC5fLIwFcxRwB0jlkO4lGaFbEfN9aQz5ddgXpE8lypt34sS5WuAwrqRuTA/s1600/Untitled-1.png) repeat scroll 0 0;bottom:0;color:#019875;height:25px;left:50%;line-height:25px;margin-left:-12.5px;position:absolute;text-align:center;width:25px;bottom:-15px;'/>

-Lưu ý: có thể kích thước và vị trí sẽ lệch một xí nên các bạn nhớ chỉnh sao cho phù hơp nhất nhá. - Các bạn xem ảnh bên dưới cho dễ hình dung ra nhé!!

Vậy là xong. Còn nếu bạn muốn có viền xanh như mình thì chỉ cần thêm code dưới vào trên thẻ ]]></b:skin> là ổn.

.tenid{border: 3.5px solid #2383ED;}

*tenid thay bằng id của thumbnail.

LỜI KẾT

Đơn giản quá mà phải không :3 Chủ yếu là để trang trí cho blog thêm chất chứ chả có công dụng như của facebook đâu nha =)) đây là code do mình tự viết nên nếu bạn nào có copy bài thì nhớ ghi nguồn hộ mình nha. Cảm ơn các bạn rất nhiều