10772047211989472
recent
آخر الأخبار

انشاء صفحة معاينة روابط علي مدونة بلوجر الخاص بك حصريا

الخط

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


شرح التركيب

1 - توجه إلى لوحة تحكم بلوجر

2 - ثم نضغط على تبويب الصفحات

3 - قم بإنشاء صفحة بعنوان Demo

4 - نقوم بلصق الكود التالي في الصفحة

<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();     

$('#MBT-REDIRECTION').html(str);     

$('iframe').height($(window).height());     

</script> 

1 - توجه إلى لوحة تحكم بلوجر

2 - ثم نضغط على المظهر ثم تعديل html

3 - قم بالبحث عن <body> لو مش وجدتها ابحث عن <body

4 - الصق الكود التالي أسفلها

<div id='MBT-REDIRECTION'> 

قم بالبحث عن </body> سوف تجدها في اخر القالب وقم بلصق الكود التالي فوقها مباشر

</div><!--MBT-REDIRECTION ENDS--> 

قم بالبحث عن </body> مره تانيه وقم بلصق الكود التالي فوقها مباشر

<script>

//<![CDATA[

$(document).ready(function () { 

    $('[data-MBTdemo]').click(function (e) {   

        e.preventDefault();   

        var target = e.target || e.srcElement;   

        if ($(target).attr('target') == "_blank") {   

            window.open("https://farhat-net1.blogspot.com/p/demo.html?url=" + $(target).attr('href'), '_blank');   

        } else {   

            window.location = "https://farhat-net1.blogspot.com/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") {   

        } else {   

        }

    });

});

//]]>

</script> 

قم بتغيير الروابط اللي في الكود الي رابط صفحتك اللي عملتها في الاول

ويمكنك تغير اسم الصفحه من Demo الي الاسم اللي تريده

عند نشر موضوع جديد علي مدونتك سوف تستخدم الكود التالي للمعاينة

<a href="#" rel="nofollow" data-MBTdemo="true">معاينة القالب</a> 

استبدل رمز # برابط المعاينة اللي انت عايز

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

    ردحذف
  2. لا يظهر شيء ما السبب
    http://computeroo12.blogspot.com/p/preview.html?url=abdoutech.com/

    ردحذف
  3. والله اخي كل اما اكلمك علي فيسبوك مش بترد اللا بعديها بكثييييييييييييييييييييييييييير

    ردحذف

إرسال تعليق

صديقي. إذا أعجبك الموضوع رجاءً قم بإضافة تعليق على الموضوع لتشجيعنا

نموذج الاتصال
الاسمبريد إلكترونيرسالة