اضف تاثير الالوان على الروابط في بلوجر

اضافة تأثير الوان الطيف على الروابط في موقعك بسهولة

تحفيز القراء على الضغط على الروابط يشكل اهمية كبيرة عند المدونين لتوجية القراء الى الاطلاع اكثر على مواضيعهم وكذلك لتحسين قوة الموقع في السيو و محركات البحث.

في هذا الموضوع نقدم لكم طريقة سهبلة لاضافة تاثير الالوان عند المرور على الرابط بمؤشر الماوس.

معاينة اضافة الوان للروابط على مدونه بلوجر

ويمكن معاينة التاثير بتحريك مؤشر الماوس على الروابط التالية:

مدونة تفسير الاحلام

مدونة نكت المحششين

مدونة المعلومات العامة

شرح اضافة الوان للروابط على مدونه بلوجر

لتطبيق هذا التاثير في مدونتك:

1- قم بالذهاب الى Blogger>المظهر

2- قم بعمل نسخة احتياطية للمظهر الحالي

3- اضغط على تعديل HTML

واضف الكود التالي فوق 

</head>

<!-- الوان الطيف على رابط التحميل --><br /> <br /> <br /> <br /> <script type='text/javascript'> //<![CDATA[ function doRainbow(e){0==act&&(act=1,objActive=e?e:event.srcElement,clrOrg=objActive.style.color,TimerID=setInterval("ChangeColor()",100))}function stopRainbow(){act&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function doRainbowAnchor(){if(0==act){for(var e=event.srcElement;"A"!=e.tagName&&"BODY"!=e.tagName&&(e=e.parentElement,"A"!=e.tagName&&"BODY"!=e.tagName););"A"==e.tagName&&""!=e.href&&(objActive=e,act=1,clrOrg=objActive.style.color,TimerID=setInterval("ChangeColor()",100))}}function stopRainbowAnchor(){act&&"A"==objActive.tagName&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function Mozilla_doRainbowAnchor(e){if(0==act){for(obj=e.target;"A"!=obj.nodeName&&"BODY"!=obj.nodeName&&(obj=obj.parentNode,"A"!=obj.nodeName&&"BODY"!=obj.nodeName););"A"==obj.nodeName&&""!=obj.href&&(objActive=obj,act=1,clrOrg=obj.style.color,TimerID=setInterval("ChangeColor()",100))}}function Mozilla_stopRainbowAnchor(){act&&"A"==objActive.nodeName&&(objActive.style.color=clrOrg,clearInterval(TimerID),act=0)}function ChangeColor(){objActive.style.color=makeColor()}function makeColor(){return 0==elmS?(elmR=elmV,elmG=elmV,elmB=elmV):(t1=elmV,t2=(255-elmS)*elmV/255,t3=elmH%60,t3=(t1-t2)*t3/60,60>elmH?(elmR=t1,elmB=t2,elmG=t2+t3):120>elmH?(elmG=t1,elmB=t2,elmR=t1-t3):180>elmH?(elmG=t1,elmR=t2,elmB=t2+t3):240>elmH?(elmB=t1,elmR=t2,elmG=t1-t3):300>elmH?(elmB=t1,elmG=t2,elmR=t2+t3):360>elmH?(elmR=t1,elmG=t2,elmB=t1-t3):(elmR=0,elmG=0,elmB=0)),elmR=Math.floor(elmR).toString(16),elmG=Math.floor(elmG).toString(16),elmB=Math.floor(elmB).toString(16),1==elmR.length&&(elmR="0"+elmR),1==elmG.length&&(elmG="0"+elmG),1==elmB.length&&(elmB="0"+elmB),elmH+=rate,elmH>=360&&(elmH=0),"#"+elmR+elmG+elmB}var rate=20;document.getElementById&&(window.onerror=new Function("return true"));var objActive,act=0,elmH=0,elmS=128,elmV=255,clrOrg,TimerID;document.all?(document.onmouseover=doRainbowAnchor,document.onmouseout=stopRainbowAnchor):document.getElementById&&(document.captureEvents(Event.MOUSEOVER|Event.MOUSEOUT),document.onmouseover=Mozilla_doRainbowAnchor,document.onmouseout=Mozilla_stopRainbowAnchor); //]]> </script><br />

4- احفظ المظهر ومبروك عليك التاثير الجديد.

قد يهمك ايضاً:

👇👇👇👇

معرفة الطريقة الأفضل لحذف محتويات هاتف اندرويد نهائياً قبل بيعة

10 نصائح ستساعدك على تخفيف وزنك بسهولة