Share Bộ Ảnh Cương Tiểu Ngư Đẹp Cho Facebook

Share Bộ Ảnh Cương Tiểu Ngư Đẹp Và Hot Cho Facebook

Thủ Thuật Blogspot | Hiệu ứng Phóng to Hình ảnh khi rê chuột vào bằng CSS3

Hiệu ứng Phóng to Hình ảnh khi rê chuột vào bằng CSS3, với Code CSS này bạn có thể phóng to toàn bộ Hình ảnh trong Blog mà không cần phải chỉnh sửa Code post Ảnh gì cả.

Các bước tiến hành:

1. Vào mẫu > Chỉnh sửa HTML > Chèn đoạn CSS sau trên ]]></b:skin>

img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;max-width:100%} img:hover{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)} img{max-width:100%;overflow:auto}

2. Chú ý : Chỉnh sửa scale(1.25) là bạn Phóng to 125% Kích thước ảnh, bạn có thể tùy chỉnh Kích thước theo ý muốn của mình.

Chúc các bạn thành công. 

Trang Trí Blogger Nhân Dịp Mùa Giáng Sinh

Không khí giáng sinh đang tràn ngập khắp mọi nơi, nhà nhà đều trang trí, đường phố đẹp lung linh với nhiều màu sắc. Còn Blog của bạn đã trang hoàng gì chưa ? Nếu chưa bạn hãy cùng chúng tôi thực hiện thủ thuật nhỏ này nhé ! Thủ thuật nhỏ này sẽ giúp bạn Trang trí Blog của bạn thật đẹp với hiệu ứng tuyết rơi và cây thông Noel . Chúc các bạn có một mùa giáng sinh Anh lành, hạnh phúc và tràn ngập tình yêu thương nhé.

Các bước tiến hành:

HƯỚNG DẪN : Các bạn nhấn Ctrl + F rồi tìm kiếm với từ khóa  : </body>, sau đó chọn một trong những đoạn code dưới đây và dán  trên thẻ </body> là xong.

1. Hình nền hai cây thông và chuông ở hai bên Blog:

<style type='text/css'>html{height:auto!important}</style><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SJB8qaZvJmiUmagP9cftiVJfu8SzKcK2QMLRcG-Z0ijHewax8WXhZR7pi1Mu-DPlglsuDbOPPDZ2jdecUtD_CUkrlg-2GxrhqyjG9uqUZ4kTNFkSrqLxGnXW6oamkLjyaXz2Eb7b8pc/s150/top-left.png' style='position:fixed;z-index:9999;top:0;left:0'/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsydNsUDRoMCQB8TtM8QAXp5PRKjoVKD1qG7cgRW1NuxFHyC9YsJKz4bEWOF-ExcR9BT_vrg3YeNZiRFHfWNc0OimJkS5E9Soti6LWA14I1E9ysAz3g3D-TpiNy8jdb6FeAZzZt808BX0/s150/top-right.png' style='position:fixed;z-index:9999;top:0;right:0'/>

2. Hiệu ứng Tuyết rơi:

image:url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-small-1ecd03b1fce08c24e064ff8c0a72c519.png);-webkit-animation-duration:25s;animation-duration:20s} .snow.background.layered{-webkit-animation-delay:12.5s;animation-delay:12.5s} @-webkit-keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}} @keyframes snow{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{-webkit-transform:translate3d(5%,100%,0);transform:translate3d(5%,100%,0)}}</style> <div class='snow-container'> <div class='snow foreground'></div><div class='snow foreground layered'></div><div class='snow middleground'></div><div class='snow middleground layered'></div><div class='snow background'></div><div class='snow background layered'></div></div>

Chúc các bạn Thàng công.