Code bộ đếm từ văn bản

0123

4567

Nhập nội dung văn bản của bạn:

Số từ: 0

9

10

11

Hashtag: Code bộ đếm từ văn bản

Blogger Chitose2D Code hay tiện ích

5 code thời gian ngày giờ có thể nhét vào blog để trang trí

Code thời gian để làm gì?

Tất nhiên là để trang trí chứ làm cái mọe gì nữa. 🙃

Ngược dòng thời gian hơn chục năm về trước, những đoạn code thời gian luôn rất hot vào thời điểm ấy, đặc biệt là các trang wap giải trí, blog Yahoo! Ngày đó thường có cái suy nghĩ là trông sang chảnh và ngầu lòi cho nên, thế hệ 8x 9x ngày xưa rất chuộng trang trí blog, wap, web bằng code thời gian.

Hashtag: 5 code thời gian ngày giờ có thể nhét vào blog để trang trí

Blogger Chitose2D Code hay tiện ích

Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh

Lang thang trên mạng tìm mấy code cũ ngày xưa chợt thấy cái hiệu ứng này, dù méo phải mùa đông hay giáng sinh nhưng kệ mẹ éo liên quan cũng đăng lun, tại méo biết đăng cái vẹo gì hết á.

Hiện tại đang là mùa hè nắng nóng xịt cả khói, up bài này cho có chút không khí lạnh giá nhỉ? 🥶

Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh. Xem demo trong hình bên dưới. 👇

Bước 1: Chủ đề > Tùy chỉnh > Chỉnh sửa HTML > Thêm đoạn code dưới đây vào trước thẻ đóng </body> và lưu lại.

<style>.snow-container{position:fixed;width:100%;max-width:100%;z-index:99999;pointer-events:none;overflow:hidden;top:0;height:100%} .snow{display:block;position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-animation:snow linear infinite;animation:snow linear infinite} .snow.foreground{background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju14zHOohP2nD4QHpj6kRuC0C5ql6Ri9Lq6GtvHE2WrXk6IOfdCm90-oqw9GRHzpaq_wcTSCYoAUr5V7GZ8WO1R9q6FvJ_5qkX7un8zmJomwK_UG3HPF2tdP0Mx9RKwjALcMuKuUh7tSwWVBtLOnLWMpyEm1rGi4-Pw7L93DVaa4QJYG3bNVO57NZ9gWc/s16000/snow-large-01.png");-webkit-animation-duration:15s;animation-duration:10s} .snow.foreground.layered{-webkit-animation-delay:7.5s;animation-delay:7.5s} .snow.middleground{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgm-ipWsFcTeQLR-ZRaQ_sw_NBRFWd_MldFtTwZr1qHqQPQv-5oo1Tv-6S3vb4JVYVqGs0rBYEd7-f4UHrndbHDuJotzbH_a8RmPnczw4gChnAQbz9pVa95fum2DgYyGOSThJYQBcmPtL40PvcrJSqj5P7lPTjJKuQ7dLw3GVUKZkpOdk44IEAIppGzJc/s16000/snow-medium-02.png);-webkit-animation-duration:20s;animation-duration:15s} .snow.middleground.layered{-webkit-animation-delay:10s;animation-delay:10s} .snow.background{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8bQD4tGApNEbebldWKYZZvz096EQ6Xtqm3hX06zWCQF1bi1cXa2XWJakfS_dGrp-das5PaYp1WEMP6XVh50aPUuvgGq2N_UsrJvghy4aa6vVOQuYGN8oIFqHipwtbs2M3VGVTY0WrS-q_8cATISOKuxSOaYP9nICu4TUXg-hP_UA9yXTjC201UqO4lUk/s16000/03.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>

Ờm thế là xong cmn rùi, mấy cái code này tranh thủ sưu tầm về chứ trang nguồn tuyệt chủng mịe rồi. 🤕

Hashtag: Trang trí blog của bạn với hiệu ứng tuyết rơi mùa đông đón giáng sinh

Blogger Chitose2D Code hay tiện ích

Kích thước màn hình của máy bạn là bao nhiêu?

Có bao giờ bạn thắc mắc độ phân giải màn hình bạn đang dùng là bao nhiêu không? Nếu không thì kệ mọe bạn, nhưng nếu bạn tìm hiểu trên google thì toàn mấy cái trang đưa thông tin dài dòng lê thê.

Một số thì hướng dẫn lụm thước đo thủ công 😵, rồi cái này đến cái nọ mà không vào trọng tâm bài viết, số khác thì chỉ xem được trên pc chứ éo có cách xem cho điện thoại.

Và trong bài viết này sẽ trực tiếp cho bạn xem luôn bên dưới, dù là pc hay điện thoại cũng vẫn hiển thị thông số đúng với màn hình bạn đang dùng.

Hashtag: Kích thước màn hình của máy bạn là bao nhiêu?

Blogger Chitose2D Code hay tiện ích

Tạo Button đẹp và đơn giản cho Blogger/Blogspot

C

huyện là thấy mấy chiếc button này bên cái template kia đẹp vãi nên bê lun về blog, thử chơi cơ mà lại thấy hợp phết. Mặc dù lụm về blog đã hơn cả năm, nay mới tình cờ phát hiện ra đống css này trong lúc sửa lại template.

Và thế là share lên đây cmn lun, một phần là để tránh bị lãng quên chiều thu đó mờ.

Xem demo trong ảnh hoặc kéo xuống dưới cùng để sờ trực tiếp nhé!

Hashtag: Tạo Button đẹp và đơn giản cho Blogger/Blogspot

Blogger Chitose2D Code hay tiện ích

Cách tạo box search trực tiếp trên Blogger/Blogspot

Hế lô 501 anh chị em blogger, hôm nay bài viết này sẽ chia sẻ một tiện ích khá hay mà mình lụm được bên trang indo. Đó là cách tạo box search trực tiếp trên Blogger/Blogspot.

Đây là chức năng tìm kiếm bằng Ajax, nó có nhiều ưu điểm so với các tùy chọn tìm kiếm thông thường, hình thức tìm kiếm sử dụng Ajax sẽ trực tiếp cho kết quả hiển thị tự động mỗi khi gõ vào, hoặc thay đổi từ khóa tìm kiếm mà không cần phải nhấn nút tìm kiếm hay enter.

Bạn có thể xem demo ảnh bên dưới hoặc thử tìm kiếm trực tiếp trên blog.

Hashtag: Cách tạo box search trực tiếp trên Blogger/Blogspot

Blogger Chitose2D Code hay tiện ích