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

وإضافتنا هي: إنشاء صفحات لإعادة توجيه روابط التحميل والمعاينة .
السؤال هنا وما هى فائدة اضافة انشاء صفحات اعادة توجية الروابط الخارجيه للبلوجر؟

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

والآن نأتي لشرح إنشاء صفحات لإعادة توجيه روابط التحميل والمعاينة .

الجزء الأول إنشاء الصفحات

1- قم بإنشاء صفحة جديدة على مدونتك وأعطها إسم بالإنجليزية يتناسب مع المعاينة مثل Demo .
2- قم بإنشاء صفحة جديدة اخرى على مدونتك وأعطها إسم بالإنجليزية يتناسب مع المعاينة مثل download .
3- قم باختيار HTML ولا تختر تأليف احذف كل شي تجده وانسخ الكود أسفله وألصقه في الصفحتين اللتان انشئتهما مع تعديل إعدادات الصفحة كما بالصورة.

إضغط فوق الصورة لتكبيرها
الان لديك صفحتين باسم Download و Demo انسخ روابط الصفحتين سوف تحتاجهم فى تشغيل الاضافه لاحقا.

الجزء الثاني إعداد القالب

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>

التعديل على الكود السابق :
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=تحميل

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



أي استفسار بخصوص انشاء صفحات اعادة توجية الروابط الخارجيه للبلوجر فقط ضع رد بالاسفل وسيتم الرد في أقرب وقت دمتم بود.

حنفي هنكة

مدون مغربي أحب كل ما هو جديد في عالم التقنية و احب التدوين في المجال المعلوماتي انشأت هذه المدونة لاشارك زوارها معرفتي المتواضعة و ارجوا منكم تشجيعي للاستمرار.

إرسال تعليق

حنفي حنكة

يتم التشغيل بواسطة Blogger.