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
Một số lưu ý khi bình luận
Bấm Thông báo cho tôi bên dưới khung bình luận để nhận thông báo khi admin trả lời
Để bình luận một đoạn code, hãy mã hóa code trước nhé