طريقة اعادة توجيه الروابط ببلوجر

كيفية إنشاء رابط URL إعادة التوجيه / إعادة التوجيه تلقائيًا باستخدام Java Script/HTML بالعد التنازلي. طريقة إعادة توجيه موقع ويب أو صفحة مدونة إلى صفحة أخرى.

مرحبًا بكم بناء على احد الطلبات، سنناقش طريقة من الطرق لتحويل عنوان URL / رابط موقع ويب إلى الصفحة التي تريدها.

حسنًا، لإعادة توجيه الرابط يمكن القيام بها باستخدام جافا سكريبت، يمكنك تعديله كما يحلو لك.

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

ملاحظة : هذه النسخة الأولى من السكربت والذي هو عبارة عن PreLoader وهناك نسخة اخرى سأوفرها لكم في الأيام القادمة إن شاء الله

شرح طريقة التركيب

1. عمل صفحه جديدة من خلال الصفحات > صفحة جديدة

2. ضع عنوان للصفحة ويفضل أن يكون بالإنجليزية مثلا Redirect

3. انتقل لوضع HTML ثم اختر الشكل والصقه

* ألغي اختيار التعليقات من الإعدادات

الشكل الأول

<script>

            var url = "https://tounsaljadida.com/"; // رابط الموقع

            var count = 10; // عدد الثواني

            function countDown() {

                if (count > 0) {

                    count--;

                    var waktu = count + 1;

                    $('#Kata').html('<b>ستعيد هذه الصفحة التوجيه تلقائيًا إلى </b> ' + url + ' dalam ' + waktu + ' detik.');

                    setTimeout("countDown()", 1000);

                } else {

                    window.location.href = url;

                }

            }

            countDown();

        </script>

<style>

#comments,#side-bar{display: none;} .col-lg-8 { width: 100%; }

.loader {

  border: 16px solid #f3f3f3;

  border-radius: 50%!important;

  border-top: 16px solid #3498db;

  width: 120px;

  height: 120px;

  -webkit-animation: spin 2s linear infinite; /* Safari */

  animation: spin 2s linear infinite;

margin:20px 0;

}

/* Safari */

@-webkit-keyframes spin {

  0% { -webkit-transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); }

}

@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}

.cnt-right { float: right; width: 50%;padding: 10px; } .cnt-left { float: left; width: 50%; padding: 10px; }

 #content1{position:relative;margin-bottom: 30px;color:rgba(0,0,0,0.15); background: #f1e791;font-weight:700;overflow:hidden;width:100%;height:90px} #content1 .button{margin:0;position:absolute;left:5%;top:29%;list-style:none} #content1 .button a.download{display:inline-block;background:#d63031;color:#fff;font-size:14px;font-weight:400;padding:8px 16px;border-radius:3px} #content1 .button a.download:hover{background:#222;color:#fff} #content1 .visible{position: absolute; right: 3px; color: rgba(0,0,0,0.1); font-size: 4rem; line-height: 2.4;} @media screen and (max-width:768px){ #content1 .button{left:20px;right:20px} #content1 .button a.download{display:block} #content1 .visible{display:none}} 

</style>

<center>

<div id="content1"> <div style="text-align: center;"> <ul class="button"> <li><a class="download" href="#" rel="nofollow noopener" target="_blank">تحميل</a></li> </ul> </div> <div class="visible"> <p> Ads 1100x90 </p> </div> </div>

<b>يرجى تعطيل مانع الإعلانات وتفعيل جافا سكريبت  للولوج إلى هذه الصفحة... إذا كنت تستخدم متصفح فيرفوكس أو أوبرا ميني، فقم بتغييره إلى متصفح افتراضي، لأن هذا المتصفح يعطل وظيفة جافا سكريبت.</b>

<br />

<center style="color: red; padding:10px">

إذا لم تتم إعادة توجيهك للصفحة، اضغط <a href="https://tounsaljadida.com/"><b>هنا</b></a>

<br />

<div class="loader">

</div>

</center>

<div class="cnt-right">

<h2>ما هو "لوريم إيبسوم" ؟</h2>

<p dir="rtl">لوريم إيبسوم(Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) ويُستخدم في صناعات المطابع ودور النشر. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت مطبعة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص، لتكوّن كتيّب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيد الإلكتروني. انتشر بشكل كبير في ستينيّات هذا القرن مع إصدار رقائق "ليتراسيت" (Letraset) البلاستيكية تحوي مقاطع من هذا النص، وعاد لينتشر مرة أخرى مؤخراَ مع ظهور برامج النشر الإلكتروني مثل "ألدوس بايج مايكر" (Aldus PageMaker) والتي حوت أيضاً على نسخ من نص لوريم إيبسوم.  

</p>

</div>

<div class="cnt-left">

<h2>ما فائدته ؟</h2>

<p dir="ltr">هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء. العديد من برامح النشر المكتبي وبرامح تحرير صفحات الويب تستخدم لوريم إيبسوم بشكل إفتراضي كنموذج عن النص، وإذا قمت بإدخال "lorem ipsum" في أي محرك بحث ستظهر العديد من المواقع الحديثة العهد في نتائج البحث. على مدى السنين ظهرت نسخ جديدة ومختلفة من نص لوريم إيبسوم، أحياناً عن طريق الصدفة، وأحياناً عن عمد كإدخال بعض العبارات الفكاهية إليها.  

</p>

</div>

</center>

الشكل الثاني

<script>

            var url = "https://tounsaljadida.com/"; // رابط الموقع

            var count = 10; // عدد الثواني

            function countDown() {

                if (count > 0) {

                    count--;

                    var waktu = count + 1;

                    $('#Kata').html('<b>ستعيد هذه الصفحة التوجيه تلقائيًا إلى </b> ' + url + ' dalam ' + waktu + ' detik.');

                    setTimeout("countDown()", 1000);

                } else {

                    window.location.href = url;

                }

            }

            countDown();

        </script>

<style>

#comments,#side-bar{display: none;} .col-lg-8 { width: 100%; }

nsform: rotate(360deg); }

}

.cnt-right { float: right; width: 50%; }

.cnt-right { float: right; width: 50%;padding: 10px; } .cnt-left { float: left; width: 50%; padding: 10px; }

 #content1{position:relative;margin-bottom: 30px;color:rgba(0,0,0,0.15); background: #f1e791;font-weight:700;overflow:hidden;width:100%;height:90px} #content1 .button{margin:0;position:absolute;left:5%;top:29%;list-style:none} #content1 .button a.download{display:inline-block;background:#d63031;color:#fff;font-size:14px;font-weight:400;padding:8px 16px;border-radius:3px} #content1 .button a.download:hover{background:#222;color:#fff} #content1 .visible{position: absolute; right: 3px; color: rgba(0,0,0,0.1); font-size: 4rem; line-height: 2.4;} @media screen and (max-width:768px){ #content1 .button{left:20px;right:20px} #content1 .button a.download{display:block} #content1 .visible{display:none}} 

#fountainG{position:relative;width:234px;height:28px;margin:auto;}.fountainG{position:absolute;top:0;background-color:rgb(0,0,0);width:28px;height:28px;animation-name:bounce_fountainG;-o-animation-name:bounce_fountainG;-ms-animation-name:bounce_fountainG;-webkit-animation-name:bounce_fountainG;-moz-animation-name:bounce_fountainG;animation-duration:1.5s;-o-animation-duration:1.5s;-ms-animation-duration:1.5s;-webkit-animation-duration:1.5s;-moz-animation-duration:1.5s;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-direction:normal;-o-animation-direction:normal;-ms-animation-direction:normal;-webkit-animation-direction:normal;-moz-animation-direction:normal;transform:scale(.3);-o-transform:scale(.3);-ms-transform:scale(.3);-webkit-transform:scale(.3);-moz-transform:scale(.3);border-radius:19px!important;-o-border-radius:19px!important;-ms-border-radius:19px;-webkit-border-radius:19px;-moz-border-radius:19px;}#fountainG_1{left:0;animation-delay:0.6s;-o-animation-delay:0.6s;-ms-animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;}#fountainG_2{left:29px;animation-delay:0.75s;-o-animation-delay:0.75s;-ms-animation-delay:0.75s;-webkit-animation-delay:0.75s;-moz-animation-delay:0.75s;}#fountainG_3{left:58px;animation-delay:0.9s;-o-animation-delay:0.9s;-ms-animation-delay:0.9s;-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;}#fountainG_4{left:88px;animation-delay:1.05s;-o-animation-delay:1.05s;-ms-animation-delay:1.05s;-webkit-animation-delay:1.05s;-moz-animation-delay:1.05s;}#fountainG_5{left:117px;animation-delay:1.2s;-o-animation-delay:1.2s;-ms-animation-delay:1.2s;-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;}#fountainG_6{left:146px;animation-delay:1.35s;-o-animation-delay:1.35s;-ms-animation-delay:1.35s;-webkit-animation-delay:1.35s;-moz-animation-delay:1.35s;}#fountainG_7{left:175px;animation-delay:1.5s;-o-animation-delay:1.5s;-ms-animation-delay:1.5s;-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;}#fountainG_8{left:205px;animation-delay:1.64s;-o-animation-delay:1.64s;-ms-animation-delay:1.64s;-webkit-animation-delay:1.64s;-moz-animation-delay:1.64s;}@keyframes bounce_fountainG{0%{transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{transform:scale(.3);background-color:rgb(92,90,92);}}@-o-keyframes bounce_fountainG{0%{-o-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-o-transform:scale(.3);background-color:rgb(92,90,92);}}@-ms-keyframes bounce_fountainG{0%{-ms-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-ms-transform:scale(.3);background-color:rgb(92,90,92);}}@-webkit-keyframes bounce_fountainG{0%{-webkit-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-webkit-transform:scale(.3);background-color:rgb(92,90,92);}}@-moz-keyframes bounce_fountainG{0%{-moz-transform:scale(1);background-color:rgba(33,98,196,0.98);}100%{-moz-transform:scale(.3);background-color:rgb(92,90,92);}}

</style>

<center>

<div id="content1"> <div style="text-align: center;"> <ul class="button"> <li><a class="download" href="#" rel="nofollow noopener" target="_blank">تحميل</a></li> </ul> </div> <div class="visible"> <p> Ads 1100x90 </p> </div> </div>

<b>يرجى تعطيل مانع الإعلانات وتفعيل جافا سكريبت  للولوج إلى هذه الصفحة... إذا كنت تستخدم متصفح فيرفوكس أو أوبرا ميني، فقم بتغييره إلى متصفح افتراضي، لأن هذا المتصفح يعطل وظيفة جافا سكريبت.</b>

<br />

<center style="color: red; padding:10px">

إذا لم تتم إعادة توجيهك للصفحة، اضغط <a href="https://tounsaljadida.com/"><b>هنا</b></a>

<br />

<div id="fountainG">

 <div class="fountainG" id="fountainG_1">

</div>

<div class="fountainG" id="fountainG_2">

</div>

<div class="fountainG" id="fountainG_3">

</div>

<div class="fountainG" id="fountainG_4">

</div>

<div class="fountainG" id="fountainG_5">

</div>

<div class="fountainG" id="fountainG_6">

</div>

<div class="fountainG" id="fountainG_7">

</div>

<div class="fountainG" id="fountainG_8">

</div>

</div>

</center>

<div class="cnt-right">

<h2>ما هو "لوريم إيبسوم" ؟</h2>

<p dir="rtl">لوريم إيبسوم(Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المحتوى) ويُستخدم في صناعات المطابع ودور النشر. كان لوريم إيبسوم ولايزال المعيار للنص الشكلي منذ القرن الخامس عشر عندما قامت مطبعة مجهولة برص مجموعة من الأحرف بشكل عشوائي أخذتها من نص، لتكوّن كتيّب بمثابة دليل أو مرجع شكلي لهذه الأحرف. خمسة قرون من الزمن لم تقضي على هذا النص، بل انه حتى صار مستخدماً وبشكله الأصلي في الطباعة والتنضيد الإلكتروني. انتشر بشكل كبير في ستينيّات هذا القرن مع إصدار رقائق "ليتراسيت" (Letraset) البلاستيكية تحوي مقاطع من هذا النص، وعاد لينتشر مرة أخرى مؤخراَ مع ظهور برامج النشر الإلكتروني مثل "ألدوس بايج مايكر" (Aldus PageMaker) والتي حوت أيضاً على نسخ من نص لوريم إيبسوم.  

</p>

</div>

<div class="cnt-left">

<h2>ما فائدته ؟</h2>

<p dir="ltr">هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء. العديد من برامح النشر المكتبي وبرامح تحرير صفحات الويب تستخدم لوريم إيبسوم بشكل إفتراضي كنموذج عن النص، وإذا قمت بإدخال "lorem ipsum" في أي محرك بحث ستظهر العديد من المواقع الحديثة العهد في نتائج البحث. على مدى السنين ظهرت نسخ جديدة ومختلفة من نص لوريم إيبسوم، أحياناً عن طريق الصدفة، وأحياناً عن عمد كإدخال بعض العبارات الفكاهية إليها.  

</p>

</div>

</center>

التغييرات المطلوبة  1. غير الرابطين tounsaljadida.com بالصفحة المراد الذهاب اليها

2. غير count=10 بعدد الثواني التي تريد (ابقها اقل من 20 ثانية)

3. غير الكتابة المحددة بالأزرق