نظام تحويل الروابط (Link Redirect System) لمدونات بلوجر
يتم استخدام هذا النظام لإعادة توجيه الزوار إلى روابط خارجية بعد فترة زمنية محددة، مع عرض إعلان أو رسالة توجيهية أثناء الانتظار. سأشرح الكود بالتفصيل وكيفية تركيبه على مدونة بلوجر.
شرح الكود:
أجزاء الكود الرئيسية:
<div id="pageredirect"></div>: هذا العنصر هو المكان الذي سيتم عرض نظام التحويل فيه (العد التنازلي، الإعلان، زر التوجيه).<b:widget>: هذا جزء من واجهة بلوجر لإضافة عناصر واجهة المستخدم (Widgets). هنا يتم إضافة إعدادات نظام التحويل.- الإعدادات (
<b:widget-settings>): يحتوي على إعدادات مخصصة مثل:name-page: اسم الصفحة التي سيتم تحويل الروابط إليها.timer: الوقت بالثواني قبل التحويل.color: لون الخلفية والإطارات.text-Configure: النص المعروض أثناء التهيئة.text-ready: النص المعروض عندما يكون الرابط جاهزًا.text-err: النص المعروض إذا كان الرابط معطلًا.Block-Site: قائمة المواقع التي سيتم تطبيق النظام عليها.
- البرمجة (
<script>): يحتوي على JavaScript لإدارة العد التنازلي، عرض الإعلانات، وإعادة توجيه المستخدم بعد انتهاء الوقت.
كيفية عمل الكود:
- عند النقر على رابط في المدونة، يتم تحويل المستخدم إلى صفحة وسيطة.
- في هذه الصفحة، يتم عرض:
- عد تنازلي: يظهر الوقت المتبقي قبل التحويل.
- إعلان: يمكن أن يكون نصًا أو صورة.
- زر تحويل: يصبح نشطًا بعد انتهاء العد التنازلي.
- بعد انتهاء الوقت، يتم تحويل المستخدم تلقائيًا إلى الرابط الأصلي.
كيفية تركيبه على مدونة بلوجر:
إضافة الكود إلى القالب
- انتقل إلى لوحة تحكم بلوجر.
- اختر "المظهر" ثم "تعديل HTML".
- ابحث عن
</body>باستخدامCtrl + F. - الصق الكود التالي قبل
</body>:<!-- redirect Start --> <div id="pageredirect"></div> <!-- redirect End --> ============================================= <b:widget id='LinkList867' locked='false' mobile='yes' title='إعدادات صفحة تحويل الروابط' type='LinkList' version='1'> <b:widget-settings> <b:widget-setting name='text-9'>name-page</b:widget-setting> <b:widget-setting name='link-9'>redirect</b:widget-setting> <b:widget-setting name='text-8'>width</b:widget-setting> <b:widget-setting name='link-7'>#202020</b:widget-setting> <b:widget-setting name='link-8'>2</b:widget-setting> <b:widget-setting name='link-5'>جاري تهيئة الرابط</b:widget-setting> <b:widget-setting name='link-6'>5px</b:widget-setting> <b:widget-setting name='link-3'>نعتذر , الرابط معطل</b:widget-setting> <b:widget-setting name='link-4'>الرابط جاهز</b:widget-setting> <b:widget-setting name='text-1'>Block-Site</b:widget-setting> <b:widget-setting name='text-0'>ads-rel</b:widget-setting> <b:widget-setting name='text-3'>text-err</b:widget-setting> <b:widget-setting name='text-2'>timer</b:widget-setting> <b:widget-setting name='text-5'>text-Configure</b:widget-setting> <b:widget-setting name='text-4'>text-ready</b:widget-setting> <b:widget-setting name='text-7'>color</b:widget-setting> <b:widget-setting name='text-6'>border</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>play.google.com|facebook.com|youtube.com|mail.google.com|plus.google.com|instagram.com|twitter.com|linkedin.com|deviantart.com|codepen.io|pinterest.com|dribbble.com|behance.net|digg.net|dropbox.com|skype.com|tumblr.com|vimeo.com|flickr.com|github.com|vk.com|weibo.com</b:widget-setting> <b:widget-setting name='link-2'>10</b:widget-setting> <b:widget-setting name='link-0'>dofollow</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:view.isSingleItem'> <script typp='text/javascript'> Settingsredirect={ <b:loop values='data:links' var='link'>'<data:link.name/>' : <b:if cond='data:link.target in {"true","false"}'><data:link.target/><b:else/>'<data:link.target/>'</b:if>, </b:loop> } /*<![CDATA[*/ var page_redirect=void 0!==Settingsredirect["name-page"]?Settingsredirect["name-page"]:"redirect",redirect_width=void 0!==Settingsredirect["width"]?Settingsredirect["width"]:"2",redirect_color=void 0!==Settingsredirect["color"]?Settingsredirect["color"]:"#202020",redirect_border=void 0!==Settingsredirect["border"]?Settingsredirect["border"]:"5px",redirect_T_Configure=void 0!==Settingsredirect["text-Configure"]?Settingsredirect["text-Configure"]:"جاري تهيئة الرابط",redirect_T_ready=void 0!==Settingsredirect["text-ready"]?Settingsredirect["text-ready"]:"الرابط جاهز",redirect_T_err=void 0!==Settingsredirect["text-err"]?Settingsredirect["text-err"]:"رابط معطل",redirect_timer=void 0!==Settingsredirect["timer"]?Settingsredirect["timer"]:"10",redirect_match=void 0!==Settingsredirect["Block-Site"]?Settingsredirect["Block-Site"]:"#",redirect_ads_href=void 0!==Settingsredirect["ads-link"]?Settingsredirect["ads-link"]:"#",redirect_ads_rel=void 0!==Settingsredirect["ads-rel"]?Settingsredirect["ads-rel"]:"nofollow",redirect_ads_content=void 0!==Settingsredirect["ads-text"]?"<p>"+Settingsredirect["ads-text"]+"</p>":(Settingsredirect["ads-img"]?"<img src='"+Settingsredirect["ads-img"]+"'/>":"<p>إعلان العملاء</p>");style=' #pageredirect{background:white;position:relative;overflow:hidden;display:block;text-align:center;width:-webkit-calc(100% / '+redirect_width+');width:calc(100% / '+redirect_width+');min-height:300px;margin:30px auto;}#pageredirect .clom{position:relative;overflow:hidden;display:block;clear:both;}#pageredirect .radialbtn{margin-bottom:30px;padding:15px;}#pageredirect .radialbtn a{border-style:solid;border-width:5px;border-color:rgba(0,0,0,0.03);display:inline-block;background-color:#f8f8f8;padding:15px 20px;min-width:200px;font-size:14px;cursor:progress;color:#000000;}#pageredirect .radialbtn a.active{cursor:pointer;color:#000000;}#pageredirect .radialbtn a.disabled{cursor:no-drop;background-color:#ffcfcf;color:#de6262;}#pageredirect .radialads{background-color:'+redirect_color+';margin:0px;}#pageredirect .radialads p{background-color:#fdfdfd;font-size:1.5em;border-width:7px;border-style:dotted;border-color:#f8f8f8;padding:15px;}#pageredirect .radialads a{color:#000000;}#pageredirect .radialads a:hover{color:'+redirect_color+';}#pageredirect .radialtimer{width:200px;height:200px;margin:0px auto;}#pageredirect .radialtimer .n{position:absolute;width:200px;height:200px;background:white;text-align:center;line-height:200px;font-family:sans-serif;font-size:100px;color:#000000;}#pageredirect .radialtimer .slice{position:absolute;width:200px;height:200px;clip:rect(0px,200px,200px,100px);}#pageredirect .radialtimer .slice.nc{clip:rect(auto,auto,auto,auto);}#pageredirect .radialtimer .slice .q{border-style:solid;border-width:15px;border-color:white;position:absolute;width:202px;height:202px;clip:rect(0px,100px,100px,0px);z-index:2;}#pageredirect .radialtimer .slice .pie{border-style:solid;border-width:'+redirect_border+';border-color:'+redirect_color+';position:absolute;width:190px;height:190px;clip:rect(0px,100px,200px,0px);transition:all 1s linear;z-index:1;}#pageredirect,#pageredirect .radialbtn a.active:hover{-webkit-box-shadow:0 6px 15px rgba(0,0,0,0.16);-moz-box-shadow:0 6px 15px rgba(0,0,0,0.16);-ms-box-shadow:0 6px 15px rgba(0,0,0,0.16);-o-box-shadow:0 6px 15px rgba(0,0,0,0.16);box-shadow:0 6px 15px rgba(0,0,0,0.16);}#pageredirect{-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;border-radius:6px;}#pageredirect .radialbtn a{-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;}#pageredirect .radialtimer .n,#pageredirect .radialtimer .slice .q,#pageredirect .radialtimer .slice .pie{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;}@media screen and (max-width:768px){#pageredirect{width:90%;}#pageredirect .radialads p{font-size: 1em;border-width: 4px;padding: 10px;}}';!function(t){var e=document.createElement("style");e.innerHTML=t,document.body.appendChild(e)}(style);function radialTimer(){var self=this;this.seconds=0;this.count=0;this.degrees=0;this.timerHTML="<div class='clom radialads'><a href='"+redirect_ads_href+"' rel='"+redirect_ads_rel+"' target='_blank'>"+redirect_ads_content+"</a></div><div class='clom radialtimer'><div class='n'></div><div class='slice'><div class='q'></div><div class='pie r'></div><div class='pie l'></div></div></div><div class='clom radialbtn'><a class='areload' data-href='false' id='btn_reload'>"+redirect_T_Configure+"</a></div>";this.interval=null;this.timerContainer=null;this.number=null;this.slice=null;this.pie=null;this.pieRight=null;this.pieLeft=null;this.quarter=null;this.reload=null;this.history="/p/"+page_redirect+".html";this.ranQuerydata=function(){var xkl=self.getQueryVariable("url");var host=xkl.split('&')[0];self.reload.attr('data-href',host)};this.ranQuerybtn=function(){if(self.reload.attr("data-href")=="false"){self.reload.attr("href","javascript:void(0)");self.reload.html(redirect_T_err);self.reload.addClass("disabled")}else{self.reload.attr("href",self.reload.attr("data-href"));self.reload.html(redirect_T_ready);self.reload.addClass("active")}};this.getQueryVariable=function(variable){var query=window.location.search.substring(1);var vars=query.split("&&");for(var i=0;i<vars.length;i++){var pair=vars[i].split("=_");if(pair[0]==variable){return pair[1]}}return(false)};this.init=function(e,s){self.timerContainer=$("#"+e);self.timerContainer.html(self.timerHTML);self.number=self.timerContainer.find(".n");self.slice=self.timerContainer.find(".slice");self.pie=self.timerContainer.find(".pie");self.pieRight=self.timerContainer.find(".pie.r");self.pieLeft=self.timerContainer.find(".pie.l");self.quarter=self.timerContainer.find(".q");self.reload=self.timerContainer.find(".areload");self.start(s);self.ranQuerydata();if(self.timerContainer.length){}};this.start=function(s){self.seconds=s;self.interval=window.setInterval(function(){self.number.html(self.seconds-self.count);self.count++;if(self.count>(self.seconds-1))clearInterval(self.interval);self.degrees=self.degrees+(360/self.seconds);if(self.count>=(self.seconds/2)){self.slice.addClass("nc");if(!self.slice.hasClass("mth"))self.pieRight.css({"transform":"rotate(180deg)"});self.pieLeft.css({"transform":"rotate("+self.degrees+"deg)"});self.slice.addClass("mth");if(self.count>=(self.seconds*0.75))self.quarter.remove();if(self.seconds==self.count)self.ranQuerybtn()}else{self.pie.css({"transform":"rotate("+self.degrees+"deg)"})}},1000)}};$(document).ready(function(){var Timer;Timer=new radialTimer();Timer.init("pageredirect",redirect_timer)});$(".post-body a").each(function(){var Loct=window.location.origin;var host=window.location.hostname;var er=new RegExp('('+redirect_match+'|'+host+'|blogger.com|bp.blogspot.com|whatsapp:)');if(this.href.match(er)>=0&&this.name.match('more')>=0){$(this).attr("href",Loct+"/p/"+page_redirect+".html?&&url=_"+$(this).attr("href"));$(this).attr('target','_blank')}}); /*]]>*/ </script> </b:if> </b:includable> </b:widget>
تعديل الإعدادات
يمكنك تعديل الإعدادات في قسم <b:widget-settings> لتخصيص النظام حسب احتياجاتك. على سبيل المثال:
link-2: تغيير الوقت بالثواني قبل التحويل.link-7: تغيير لون الخلفية.link-5: تغيير النص المعروض أثناء التهيئة.
حفظ القالب
بعد إضافة الكود وتعديل الإعدادات، انقر على "حفظ القالب".
فوائد الكود:
- تحسين تجربة المستخدم: يعطي المستخدم وقتًا لقراءة الإعلان أو الرسالة قبل التحويل.
- عرض الإعلانات: يمكنك استخدامه لعرض إعلانات العملاء أو روابط تابعة.
- حماية الروابط: يمكن استخدامه لإخفاء الروابط المباشرة.
نصائح إضافية:
- تأكد من أن الروابط الخارجية صحيحة ولا تحتوي على أخطاء.
- يمكنك إضافة المزيد من المواقع إلى قائمة
Block-Siteلفصلها بعلامة|. - إذا كنت تريد إضافة إعلان بصورة، استخدم
ads-imgفي الإعدادات.
بهذه الخطوات، يمكنك تركيب نظام تحويل الروابط على مدونتك بسهولة. إذا واجهتك أي مشاكل، تأكد من مراجعة الكود وتعديل الإعدادات بشكل صحيح.
