chillnfree chillnfree
Thông báo
  • [ĐẶC BIỆT] Chuẩn bị kỉ niệm 1 năm sinh nhật OneProject Blog
  • Thêm chế độ giới hạn xem

    Từ tháng 6/2024 trở đi, một số bài đăng vip pro các bạn cần có mật khẩu để xem!

Liên hệ Quảng cáo: quangcao@oneprojectvn.x10.bz

Hướng dẫn tạo hiệu ứng click trái tim

Xin chào các bạn! Đã lâu rồi mik không làm lại Blog (vì bận học) nên hôm nay mik sẽ chia sẻ trick nhỏ như tiêu đè nhé!


CÁCH DÙNG

Cách thêm hiệu ứng trái tim nhấp chuột cho Blogspot cũng rất dễ dàng. Bạn thực hiện như sau:

  • Truy cập vào trang quản lý Blogspot.
  • Chọn Menu Chủ đề ➤ Chỉnh sửa HTML ➤ Nhấn Ctrl + F để hiển thị khung tìm kiếm thẻ </body>
  • Copy đoạn code dưới đây và dán vào trước thẻ </body>
  • Ấn Lưu, như vậy tất cả các công việc đã hoàn thành


      <script type='text/javascript'>
//<![CDATA[
!function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),o(),r()}function r(){for(var e=0;e<d.length;e++)d[e].alpha<=0?(t.body.removeChild(d[e].el),d.splice(e,1)):(d[e].y--,d[e].scale+=.004,d[e].alpha-=.013,d[e].el.style.cssText="left:"+d[e].x+"px;top:"+d[e].y+"px;opacity:"+d[e].alpha+";transform:scale("+d[e].scale+","+d[e].scale+") rotate(45deg);background:"+d[e].color+";z-index:99999");requestAnimationFrame(r)}function o(){var t="function"==typeof e.onclick&&e.onclick;e.onclick=function(e){t&&t(),i(e)}}function i(e){var a=t.createElement("div");a.className="heart",d.push({el:a,x:e.clientX-5,y:e.clientY-5,scale:1,alpha:1,color:s()}),t.body.appendChild(a)}function c(e){var a=t.createElement("style");a.type="text/css";try{a.appendChild(t.createTextNode(e))}catch(t){a.styleSheet.cssText=e}t.getElementsByTagName("head")[0].appendChild(a)}function s(){return"rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"}var d=[];e.requestAnimationFrame=function(){return e.requestAnimationFrame||e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(e){setTimeout(e,1e3/60)}}(),n()}(window,document);
//]]>
</script>

Tóm lại thì code này đc cài cho vui thôi:>>

Một nụ cười tuyệt vời là một tài sản tuyệt vời, nhưng một trái tim tốt là vàng ròng
  • Trích dẫn :
  • No one

1 nhận xét

  1. lúc 09:29 29 tháng 10, 2023
    Trích dẫn : No one