الموضوع: انشاء صفحة لتوجية الروابط تمهيدا لزيادة الارشفة
عرض مشاركة واحدة
قديم 01-28-2015, 09:05 AM   #1
compulack
مدون جديد
 
تاريخ التسجيل: Jan 2015
المشاركات: 2
افتراضي انشاء صفحة لتوجية الروابط تمهيدا لزيادة الارشفة
بسم الله الرحمن الرحيم
اليوم نقدم لكم درسا مهما لزيادة الارشفة
وهو انشاء صفحة لتوجية الروابط وستظهر الروابط برابط مدونتك
وفائدة تلك الروابط لا تظهر الا عند انشاء معاينة او تحميل حتى لا اترمى ارشفة لمواقع اخرى
وهذة الطريقة بسيطة جدا

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

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

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

كود بلغة 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>
ثم الصق فوقة الكود التالى
<span style="color: blue;">
كود بلغة HTML:
<b:if cond='data:blog.url == &quot;ضع هنا رابط الصفحة التى انشءتها&quot;'>

 <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>
ثم اضف تحتة
كود بلغة HTML:
     <div id='COMPULACK-REDIRECTION'>

والان ابحث عن
</body>
واضف فوقة
كود بلغة HTML:
     </div><!--COMPULACK-REDIRECTION ENDS-->


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


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

    });
    });

    </script>
مع تغيير الكلام الازرق برابط الصفحة
ثم اضغط حفظ

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

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

    });


    $('[data-COMPULACKdownload]').click(function(e) {
    e.preventDefault();
    if($(e.srcElement).attr('target') == &quot;_blank&quot;) {
    window.open(&quot;رابط صفحة التحميل?url=&quot; + $(e.srcElement).attr('href'), '_blank');
    } else {
    window.location = &quot;كرر كتابة رابط صفحة التحميل?url=&quot; + $(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'/>
انتهى الدرس انتظرونا فى الدرس القادم وكيفية زيادة ارشفة مدونتك من ترايدنت
باستخدام اداة صفحة توجية الروابط
ملاحظة :
المصدر http://altadwenal3rbe.blogspot.com/2015/01/t7wel-rwabet-to-seo.html

تنبيه :
لا نسمح بالنقل بدون ذكر المصدر

الدعم العربي

compulack غير متواجد حالياً   رد مع اقتباس