اضافة شريط نطام iOS7 الي مدونة بلوجر 2016/2017

السلام عليكم ورحمة الله وبركاته

اضافة  شريط نطام iOS7 الي مدونة بلوجر 2016/2017

مرحبا يا صدقائي حصريا  اضافة  شريط نطام iOS7 الي مدونة بلوجر 2016/2017 ونحن نبحث علي اضافة جديدة  الي مدونتة اليوم اقدم لكم اضافة جديدة من نوعها وهي اضافة شريط التنقل في المدونة بنظام او بنوع  iOS7  باختصار الضافة تعمل عند تضغط علي اي رابط في المدونة واو رابط خارجي تعمل الاضافة وهي عبار عن شريط  تنقل بين الروابط  والاضافة خفيفة جدا ولا تؤاثر علي تحميل الصفحات الي المدونة  تعمل وتعطي شكل جمالي الي مدونتك 

ويمكنك مشاهدة الاضافة قبل التركيب مثال حي

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

ثم اضغط علي تحرير htmlكما واضح

 ثم قوم بلضغط علي 
  

وابحث علي هذا الكود 
وبحث علي الكود </body>]
بعد ان تجد الكود قوم بوضع الكود فوقة مباشرة

ثم اضغط علي حفظ ومبروك عليك الاضافة


<style>
#page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#fff url('http://2.bp.blogspot.com/-qKaN9aw-q54/VLfA1h3VrMI/AAAAAAAAAs4/SB7CipVbiSM/s1600/iOS7Loader.gif') no-repeat 50% 30%;
        color: #000;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style> 
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#page-loader').fadeIn(000).delay(6000).fadeOut(000);
});
//]]>
</script>
ومبروك عليك الاضافة

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


ان وفقت فهذا من الله وان اخطاءت فمن نفسي والشيطان  

SHARE THIS
الاحدث
القادمة