أفضل اضافات بلوجر | إضافة نقرة القلب لزوار مدونتك

اضافات بلوجر احترافية جذابة
اضافات بلوجر

أفضل اضافات بلوجر | إضافة القلب لزوار مدونتك

مظهر مدونتك وشكلها الأنيق له تأثير كبير في حركة الزائرين واستمرارهم بالتصفح لمدة طويلة، فعندما يجد الزائر مظهر متميز وشكل جذاب لمدونتك سوف يأخذ إنطباع جيد وأثر جميل خلال هذه الزيارة ومن المحتمل الرجوع مرات اخري لمدونتك.

اليك هذه الاضافة الرائعة والتى سوف تترك أثر طيب عند زوار مدونتك، تعمل الاضافة عند النقر على اى رابط او على اى مكان داخل مدونتك فيظهر له قلب نتيجة هذه النقرة وهذا يعطي شعور بالمودة ينتقل مباشرة للزائر.


طريقة تركيب اضافة القلب للمدونة

  • نسخ الكود المرفق أدناه.
  • الذهاب الى قسم المظهر بالمدونة.
  • الذهاب لتحرير القالب (تعديل 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>

  • وأخيرا حفظ التعديل.

فيديو توضيحي لشرح تركيب الإضافة

إرسال تعليق

Post a Comment (0)

أحدث أقدم