HIỆU ỨNG RÊ CHUỘT VÀO ẢNH CHUYỂN THÀNH MÀU XÁM CHO BLOG (PHOTO GRAY)

Xin chào các bạn!chào mừng đã quay trới lại Star Dũng Blog ^_^
Hôm nay mình sẽ hướng dẫn cho các bạn một thủ thuật rất hay
Và đó là >>>>Hiệu ứng rê chuột vào ảnh >>>Màu xám. Cho blogger >_<

Bắt tay vào làm thôi >_<

CÁC BƯỚC THỰC HIỆN:

Đầu tiên các bạn vào Blogger >Chủ đề > Chỉnh sửa HTML
CTRL F tìm đến ]]></b:skin>
Sau đó dán (ctrl+v) đoạn code dưới đây trước thẻ ]]></b:skin>

img:hover { -webkit-filter: grayscale(1);}

=> Lưu chủ đề => Xem thành quả thôi >_<

Vậy bạn đã làm được một thủ thuật nhỏ nhưng nó đã làm cho blog bạn trở lên đẹp hơn rồi đó ^_^$$
Chúc bạn thành công!
Ai có thắc mắc gì cứ bình luận bên dưới mink sẽ giải đáp thắc mắc cho các bạn >_<

Bài viết của bạn được xem như một đề xuất cho bài viết của chúng tôi. Mẫu bài viết bạn đang chỉnh sửa sẽ được chúng tôi xem xét và update lên blog nếu nó hoàn hảo !

CHỈNH SỬA BÀI VIẾT
----------------------------------------
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" data-ad-client="ca-pub-1638718759430999" data-ad-format="fluid" data-ad-layout="in-article" data-ad-slot="7561885392" style="display: block; text-align: center;"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>Xin chào các bạn!chào mừng đã quay trới lại <a href="http://www.stardungblog.xyz/" target="_blank">Star Dũng Blog</a> ^_^ Hôm nay mình sẽ hướng dẫn cho các bạn một thủ thuật rất hay Và đó là >>>>Hiệu ứng rê chuột vào ảnh >>>Màu xám. Cho <a href="http://blogger.com/" target="_blank">blogger</a>  >_< <img height="284" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvUZm0BwuJlnWwQd-hqfJOWJoyLi8YX2RMRSvsJiOWT3wl3PUnG1tl5fp40bYKnKbRV89VWTR1ODfZRYBB4EXdsbnLJs6Hk7ycjkfD3uGFqLfnV17921wC1fF1RU1IVInvBLOBFr1X-rg/s640/hieu+ung+mau+anh+am+ban+khi+re+chuot-compressed.jpg" width="640" /> Bắt tay vào làm thôi >_< <h2 style="background-color: white; border-bottom: double; border-image: initial; border-left: 0px; border-right: 0px; border-top: 0px; box-sizing: border-box; color: #00796b; display: table; font-family: Roboto, sans-serif; font-size: 20px; font-stretch: normal; font-weight: 500; letter-spacing: 0.3px; line-height: normal; margin: 15px 0px; padding: 0px 0px 5px; position: relative; text-transform: uppercase; vertical-align: baseline;">CÁC BƯỚC THỰC HIỆN:</h2><div> </div><div class="box" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-radius: 4px; border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-stretch: inherit; font-style: normal; letter-spacing: -0.55px; line-height: inherit; margin: 0.5em 0px; padding: 15px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">Đầu tiên các bạn vào Blogger >Chủ đề > Chỉnh sửa HTML CTRL F tìm đến <b style="border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-size: 18px; font-stretch: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin> <span style="border: 0px; box-sizing: border-box; font-family: "roboto" , sans-serif; font-size: 18px; font-stretch: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Sau đó dán (ctrl+v) đoạn code dưới đây trước thẻ <b style="border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-size: 18px; font-stretch: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">]]></b:skin></div><blockquote class="tr_bq">img:hover { -webkit-filter: grayscale(1);}</blockquote><div class="box" style="background: rgb(243, 243, 243); border-radius: 4px; border: 0px; box-sizing: border-box; font-family: roboto, sans-serif; font-stretch: inherit; font-style: normal; letter-spacing: -0.55px; line-height: inherit; margin: 0.5em 0px; padding: 15px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;">=> Lưu chủ đề => Xem thành quả thôi >_<</div><b style="background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: Roboto, sans-serif; font-size: 18px; font-stretch: inherit; font-variant-numeric: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Vậy bạn đã làm được một thủ thuật nhỏ nhưng nó đã làm cho blog bạn trở lên đẹp hơn rồi đó ^_^$$ <b style="background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: Roboto, sans-serif; font-size: 18px; font-stretch: inherit; font-variant-numeric: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Chúc bạn thành công! <b style="background-color: white; border: 0px; box-sizing: border-box; color: #555555; font-family: Roboto, sans-serif; font-size: 18px; font-stretch: inherit; font-variant-numeric: inherit; letter-spacing: -0.35px; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">  Ai có thắc mắc gì cứ bình luận bên dưới mink sẽ giải đáp thắc mắc cho các bạn >_<