بسم الله الرحمن الرحيم
السلام عليكم , في كثير من الاحيان قد يحتاج اصحاب المواقع الى استخدام خاصية اعادة التوجيه , التي ستقود الزائر الى صفحة معينة بعد مرور فترة من الزمن , وهي اضافة مفيدة وجيدة حيث يمكن استخدامها في المدونات التي تقدم ملفات للتحميل او مدونات الفيديو , وطريقتة عملها تشبه طريقه مواقع اختصار الروابط حيث يتم التوجيه الى صفحة معينة بعد فترة من الزمن .
في هذا المقال المتواضع اقدم لكم نوع جديد من اضافات اعادة التوجيه فهي تشبه المستخدمه في المنتديات حيث يتم اعادة توجيه الزائر بعد 5 ثوان مثلا او اذا كان متصفحه لايدعم التوجيه التلقائي يمكنه الضغط على عبارة معينة ليتوجه متصفحه الى الصفحة المطلوبة .
👀 معاينة الاضافة " اضغط هنا "
كود الاضافة
<style type="text/css">
#archer{
text-align:center;
color:#125663;
font-family:GE Dinar Two;
}
#archer-timer{
font-family:GE East;
width: 180px;
background: #2999ad;
border: 2px solid #125663;
color: #fff;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 10px auto;
font-size: 15px ;
border-radius: 3px;
}
#archer-timer:hover {
color:#125663;
background:#fff;
}
</style>
<br />
<div id="archer">
<script type="text/javascript">
var settimmer = 0;
$(function(){
window.setInterval(function() {
var timeCounter = $("b[id=show-time]").html();
var updateTime = eval(timeCounter)- eval(1);
$("b[id=show-time]").html(updateTime);
if(updateTime == 0){
$("div[id=ar1web-timer]").html("").html("تحميل الملف ");
window.location = ("http://ar-cher.blogspot.com");
}
}, 1000);
});
</script>
سيتم تحويلك للصفحة بعد انتهاء الوقت
<br />
اذا كان متصفحك لايدعم التوجيه التلقائي
<br />
<a href="http://ar-cher.blogspot.com/">اضغط هنا</a></div>
<div id="archer-timer">
من فضلك انتظر... <b id="show-time">10</b> ثانية
</div>
#archer{
text-align:center;
color:#125663;
font-family:GE Dinar Two;
}
#archer-timer{
font-family:GE East;
width: 180px;
background: #2999ad;
border: 2px solid #125663;
color: #fff;
text-align: center;
padding: 5px 5px 5px 5px;
margin: 10px auto;
font-size: 15px ;
border-radius: 3px;
}
#archer-timer:hover {
color:#125663;
background:#fff;
}
</style>
<br />
<div id="archer">
<script type="text/javascript">
var settimmer = 0;
$(function(){
window.setInterval(function() {
var timeCounter = $("b[id=show-time]").html();
var updateTime = eval(timeCounter)- eval(1);
$("b[id=show-time]").html(updateTime);
if(updateTime == 0){
$("div[id=ar1web-timer]").html("").html("تحميل الملف ");
window.location = ("http://ar-cher.blogspot.com");
}
}, 1000);
});
</script>
سيتم تحويلك للصفحة بعد انتهاء الوقت
<br />
اذا كان متصفحك لايدعم التوجيه التلقائي
<br />
<a href="http://ar-cher.blogspot.com/">اضغط هنا</a></div>
<div id="archer-timer">
من فضلك انتظر... <b id="show-time">10</b> ثانية
</div>
طريقة استخدام الكود والتعديل عليه
اذا اردت استخدام صفحات لاعادة التوجيه قم بانشاء صفحة جديدة في بلوجر وضعها في تبويب HTML ثم قم بلصق الكود السابق بداخلها , بعد ذلك غير الروابط باللون الاحمر الى رابط الصفحة التي تريد التوجيه اليها , ثم انشر الصفحة واستخدم الرابط الخاص بها في موضوع .
🔗 مثال لاستخدام الكود في صفحة " صفحة اعادة التوجيه "
لاي استفسار انا في الخدمة ودمتم في حفظ الله وعايته
صلوا على الحبيب , صلى الله عليه وسلم
اظهر الابتساماتإخفاء