يتم إنشاء تأثير القلب بمساعدة كود JavaScript و JQuery. ربما تكون قد شاهدة على موقع أو مدونة خاصة بأشخاص آخرين هذه الإضافة، بحيث عندما تنقر في أي مكان في القالب، سيتم إظهار تأثير على شكل قلوب جميلة بألوان مختلفة.
سوف أشارك معكم خطوات هذه الإضافة، لا تقلق سوف اختصرها لك في خطوات بسيطة وسهلة للغاية، وستتمكن من استخدام تأثير القلب بسهولة على مدونتك من خلال تطبيق الخطوات التالية. لذا كل ما عليك فعله هو اتباع الخطوات الموضحة أدناه حتى النهاية.
خطوات الإضافة
- اذهب إلى منصة بلوجر
- من القائمة الجانبية أختر المظهر
- احفظ نسخة احتياطية من القالب
- انقر فوق تحرير HTML
- الآن انسخ الكود التالي والصقه فوق </body>
<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>
لان وبعد إتمام جميع الخطوات أعلاه، اضغط حفظ، واستمتع بتأثير القلب على موقعك.
وبذلك نكون قد انتهينا من إضافة اليوم، إذا واجهتك اي مشكلة في تركيب الإضافة لا تتردد في التواصل معنا عبر صفحة اتصل بنا أو حسابنا عبر تليجرام وسوف نقوم بحلها في أقرب وقت ممكن.
هذه الإضافة حصرية بموقع قوالب لونا لذلك عند إعادة مشاركة الإضافة يرجى ذكر المصدر.