السلام عليكم ومرحبا بكل الزوار الكرام .
اليوم ان شاء الله وفي هذا الدرس الحصري على مدونة حنفي هنكة ،سوف أشرح لكم اليوم إضافة أكثر من رائعة لمدونات البلوجر .
وإضافتنا هي: إنشاء صفحات لإعادة توجيه روابط التحميل والمعاينة .
السؤال هنا وما هى فائدة اضافة انشاء صفحات اعادة توجية الروابط الخارجيه للبلوجر؟
والاجابة لانه فى حالة تركيبك لهذه الإضافة وتطبيقك للشرح فإن أي رابط خارجي أو رابط تحميل سوف يتم عرضه من خلال مدونتك مما سيكسبك زيارة أخرى ولن يخرج الزائر من مدونتك.
والآن نأتي لشرح إنشاء صفحات لإعادة توجيه روابط التحميل والمعاينة .
الجزء الأول إنشاء الصفحات
1- قم بإنشاء صفحة جديدة على مدونتك وأعطها إسم بالإنجليزية يتناسب مع المعاينة مثل Demo .2- قم بإنشاء صفحة جديدة اخرى على مدونتك وأعطها إسم بالإنجليزية يتناسب مع المعاينة مثل download .
3- قم باختيار HTML ولا تختر تأليف احذف كل شي تجده وانسخ الكود أسفله وألصقه في الصفحتين اللتان انشئتهما مع تعديل إعدادات الصفحة كما بالصورة.
 |
| إضغط فوق الصورة لتكبيرها |
الجزء الثاني إعداد القالب
1- قم بالدخول الى تحرير قالبك ولا تنسى نخستك الإحتياطية ،علم على خانة توسيع العناصر وإبحث عن الوسم ( <body> ) وألصق تحته مباشرة الكود التالي :<div id='MBT-REDIRECTION'>
2- بحث عن الوسم ( </body> ) وأضف فوقه الكود التالي :
</div><!--MBT-REDIRECTION ENDS-->
وأخير قم بإضافة الكود التالي تحت الوسم ( </b:skin> ) .
<script>
//<=!=[=C=D=A=T=A=[
$(document).ready(function () {
$('[data-MBTdemo]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.hanafihanga.net/p/demo.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.hanafihanga.net/p/demo.html?url=" + $(target).attr('href');
}
});
$('[data-MBTdownload]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.hanafihanga.net/p/download.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.hanafihanga.net/p/download.html?url=" + $(target).attr('href');
}
});
});
//]=]=>
</script>
//<=!=[=C=D=A=T=A=[
$(document).ready(function () {
$('[data-MBTdemo]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.hanafihanga.net/p/demo.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.hanafihanga.net/p/demo.html?url=" + $(target).attr('href');
}
});
$('[data-MBTdownload]').click(function (e) {
e.preventDefault();
var target = e.target || e.srcElement;
if ($(target).attr('target') == "_blank") {
window.open("http://www.hanafihanga.net/p/download.html?url=" + $(target).attr('href'), '_blank');
} else {
window.location = "http://www.hanafihanga.net/p/download.html?url=" + $(target).attr('href');
}
});
});
//]=]=>
</script>
التعديل على الكود السابق :
1- قم بإستبدال http://www.hanafihanga.net/p/demo.html برابط صفحة المعاينة .
2- استبدل http://www.hanafihanga.net/p/download.html برابط صفحة التحميل.
الان مع شرح الاستخدام :
اضف الرابط الذى تريده الى الكود التالى :
كود المعاينه
http://www.hanafihanga.net/p/demo.html?url=معاينة
كود التحميل
http://www.hanafihanga.net/p/download.html?url=تحميل
هذا مثال حي معاينة مدونة أخرى داخل مدونتي أنظر للرابط ستجده رابط مدونتي لكن المحتوى لمدونة أخرى .
شكرا لك اخي موضوع اكثر من رائع
ردحذف