آخر الأخبار

استكشف في مدونة أوعي وشك عالم الابتكار

اكتشف الحلول المتطورة في تطبيقات الأجهزة المحمولة والتكنولوجيا والتعليم وموضوعات بلوجر. كن على اطلاع دائم بمقالات الخبراء والموارد الإبداعية والأدوات القوية لتعزيز مشاريعك الرقمية.

تنسيق وتركيب صفحة اعادة التوجيه لبلوجر

سكريبت لانشاء صفحة إعادة توجيه الروابط على مدونتك لإعادة توجية روابطك الخارجية الى صفحة من صفحات موقعك او مدونتك والتى من شانها تحويل اى رابط خارجى ..
 تنسيق وتركيب  صفحة اعادة التوجيه لبلوجر
نظام تحويل الروابط (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 لإدارة العد التنازلي، عرض الإعلانات، وإعادة توجيه المستخدم بعد انتهاء الوقت.
كيفية عمل الكود:
  • عند النقر على رابط في المدونة، يتم تحويل المستخدم إلى صفحة وسيطة.
  • في هذه الصفحة، يتم عرض:
    • عد تنازلي: يظهر الوقت المتبقي قبل التحويل.
    • إعلان: يمكن أن يكون نصًا أو صورة.
    • زر تحويل: يصبح نشطًا بعد انتهاء العد التنازلي.
  • بعد انتهاء الوقت، يتم تحويل المستخدم تلقائيًا إلى الرابط الأصلي.
كيفية تركيبه على مدونة بلوجر:

إضافة الكود إلى القالب

  1. انتقل إلى لوحة تحكم بلوجر.
  2. اختر "المظهر" ثم "تعديل HTML".
  3. ابحث عن </body> باستخدام Ctrl + F.
  4. الصق الكود التالي قبل </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'>&#39;<data:link.name/>&#39; : <b:if cond='data:link.target in {&quot;true&quot;,&quot;false&quot;}'><data:link.target/><b:else/>&#39;<data:link.target/>&#39;</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 في الإعدادات.

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

🌟 انتبه عزيزي أعضاء المجتمع! 🌟
نحن متحمسون لمشاركتك في مناقشاتنا الديناميكية. لضمان بيئة محترمة وشاملة للجميع، نطلب تعاونكم مع الإرشادات التالية:
1. احترام الخصوصية: يرجى عدم مشاركة معلومات حساسة أو شخصية في تعليقاتك.
2. انشر الإيجابية: نحن نتمسك بسياسة عدم التسامح مطلقًا مع خطاب الكراهية أو اللغة المسيئة. دعونا نحافظ على محادثاتنا محترمة وودية.
3. اللغة المفضلة: لا تتردد في التعبير عن نفسك باللغة الإنجليزية أو العربية. ستساعدنا هاتان اللغتان في الحفاظ على مناقشة واضحة ومتماسكة.
4. احترام التنوع: لتعزيز جو شامل، نطلب منك بكل احترام تجنب مناقشة المسائل الدينية في تعليقاتك.
تذكر أن مساهماتك قيمة، ونحن نقدر التزامك بجعل مجتمعنا مكانًا ترحيبيًا للجميع. دعونا نواصل التعلم والنمو معًا من خلال المناقشات البناءة والاحترام المتبادل.
شكرًا لكونك جزءًا من مجتمعنا اوعي وشك! 🌟

إرسال تعليق