انشاء صفحة لتوجية الروابط تمهيدا لزيادة الارشفة

بسم الله الرحمن الرحيم

اليوم نقدم لكم درسا مهما لزيادة الارشفة

وهو انشاء صفحة لتوجية الروابط وستظهر الروابط برابط مدونتك

وفائدة تلك الروابط لا تظهر الا عند انشاء معاينة او تحميل حتى لا اترمى ارشفة لمواقع اخرى

وهذة الطريقة بسيطة جدا

اولا انشاء الصفحة

ادخل الى المدونة ثم صفحات ثم انشاء صفحة جديدة مثل ما فى الصورة

ثم قم بتسمية الصفحة اسما انجليزيا يدل على الصفحة
ثم الان هناك طريقتان

الطريقة الاولى

ينصح بها ولاكنها لا تعمل مع جميع القوالب

بعدما انشءت الصفحة وسميتها
الصق الكود القادم بعدما حولت الصفحة من وضع تاليف الى وضع
html

<div height="100%" id="iframe-container" width="100%">
<style>
body { padding: 0!important; background: none!important; }
#iframe-container { overflow: hidden; background: none!important; }
#frame { border: 0; }
</style>
<iframe frameborder="0" id="frame" src="" width="100%"> </iframe>
</div>
<script>
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
var query = window.location.search.substring(1);
query = query.replace("url=", "");
$('#frame').attr('src', query);
var str = $('#iframe-container').html();
$('#COMPULACK-REDIRECTION').html(str);
$('iframe').height($(window).height());
</script>

ثم اجعل اعدادات الصفحة هكذا

الطريقة الثانية

تعمل مع جميع القوالب
ابحث عن
</body>
ثم الصق فوقة الكود التالى

<b:if cond='data:blog.url == "ضع هنا رابط الصفحة التى انشءتها"'>

<div height="100%" id="iframe-container" width="100%">
<style>
body { padding: 0!important; background: none!important; }
#iframe-container { overflow: hidden; background: none!important; }
#frame { border: 0; }
</style>
<iframe frameborder="0" id="frame" src="" width="100%"> </iframe>
</div>
<script>
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
var query = window.location.search.substring(1);
query = query.replace("url=", "");
$('#frame').attr('src', query);
var str = $('#iframe-container').html();
$('#COMPULACK-REDIRECTION').html(str);
$('iframe').height($(window).height());
</script>
</b:if>

مع تغيير الكلام المكتوب بالاحمر بـ رابط الصفحة التى انشءتها
ثم اضغط حفظ القالب

المرحلة الثانية وهى اعداد القالب

بعد ان اضفنا الصفحة وعرفنا الرابط الخاص بها حان الوقت لنعد القالب ليفعل هذة الخاصية

الان اختر قالب ثم
تحرير html

ابحث عن
<body>
ثم اضف تحتة

<div id='COMPULACK-REDIRECTION'>

والان ابحث عن
</body>
واضف فوقة

</div>

والان ابحث عن
</b:skin>
اذا كنت انشءت صفحة واحدة للمعاينة والتحميل فاضف تحتها هذا الكود

<script>

    $(document).ready(function() {
    $('[data-COMPULACKdemo]').click(function(e) {
    e.preventDefault();
    if($(e.srcElement).attr('target') == "_blank") {
    window.open("رابط صفحة المعاينة?url=" + $(e.srcElement).attr('href'), '_blank');
    } else {
    window.location = "كرر كتابة رابط صفحة المعاينة?url=" + $(e.srcElement).attr('href');
    }

    });
    });

    </script>

مع تغيير الكلام الازرق برابط الصفحة

ثم اضغط حفظ

والان اذا كنت انشئت صفحتين

ابحث عن

</b:skin>
ثم اضف تحتها

<script>

    $(document).ready(function() {
    $('[data-COMPULACKdemo]').click(function(e) {
    e.preventDefault();
    if($(e.srcElement).attr('target') == "_blank") {
    window.open("رابط صفحة المعاينة?url=" + $(e.srcElement).attr('href'), '_blank');
    } else {
    window.location = "كرر كتابة رابط صفحة المعاينة?url=" + $(e.srcElement).attr('href');
    }

    });

    $('[data-COMPULACKdownload]').click(function(e) {
    e.preventDefault();
    if($(e.srcElement).attr('target') == "_blank") {
    window.open("رابط صفحة التحميل?url=" + $(e.srcElement).attr('href'), '_blank');
    } else {
    window.location = "كرر كتابة رابط صفحة التحميل?url=" + $(e.srcElement).attr('href');
    }

    });

    });

    </script>

مع تغيير الكلام الازرق برابط صفحة المعاينة

وتغيير الكلام الاحمر برابط صفحة التحميل

والان مع كيفية استخدام الاداة

اذا انشءت صفحة واحدة فعليك باستخدام هذا الكود

<a target="_blank" href="الرابط" rel="nofollow" data-COMPULACKdemo="true">معاينة</a>

اما اذا انشئت صفحتان فهذا كود اداة المعاينة

<a target="_blank" href="الرابط" rel="nofollow" data-COMPULACKdemo="true">معاينة</a>

وهذا كود التحميل

<a target="_blank" href="الرابط" rel="nofollow" data-COMPULACKdownload="true">تحميل</a>

ويمكنك معاينة الاداة من خلال الضغط على اداة المعاينة التالية

معاينة
ملاحظة اخيرة اذا لم يكن لديك مكتبة الكى كويرى فاضفها حتى تعمل الاداة
ويتم اضافتها تحت
<head>
او قبل
</head>

وهذا كود الاداة

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>

انتهى الدرس انتظرونا فى الدرس القادم وكيفية زيادة ارشفة مدونتك من ترايدنت
باستخدام اداة صفحة توجية الروابط

جزيرة التدوين العربى

المشاركات الشائعة

أرشيف المدونة الإلكترونية

التسميات