اضافة تأثير تحميل المدونة لمدونات بلوجر الجديد 2016

اضافة تأثير تحميل المدونة لمدونات بلوجر الجديد 2016

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

اليوم اقدم لكم اضافة بلوجر جديدة اضافة تاثير تحميل الى المدونات بلوجر اضفها الى مدوناتك لكي تميز مدونتك عن غيرها و هذه الاضافة غير ثقيلة الى المدونات و انها متوافقة مع جميع المتصفحات و الاضافة تجعل الزائر يعجب بها

شرح اضافة تأثير تحميل المدونة لمدونات بلوجر

ابحث عن كود 

و اضف الكود التالي 

 <div dir="rtl" style="text-align: right;">
<style></div>
<div dir="rtl" style="text-align: right;">
#abt-page-loader {</div>
<div dir="rtl" style="text-align: right;">
        position: fixed!important;</div>
<div dir="rtl" style="text-align: right;">
        top: 0;</div>
<div dir="rtl" style="text-align: right;">
        right: 0;</div>
<div dir="rtl" style="text-align: right;">
        bottom: 0;</div>
<div dir="rtl" style="text-align: right;">
        left: 0;</div>
<div dir="rtl" style="text-align: right;">
        z-index: 9999;</div>
<div dir="rtl" style="text-align: right;">
        background:#000 url('<span style="color: red;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXGt7fnjaKWfXp3PLcyvVxP7a0o1Z_AZUWon05yGbiZrmVVcC_q2c5B5rX0jHe5jUm6em_qwqG-qwg6X1AZPiWILFr0wn61v7ljdilQ4e8nIVYBPbpH_sK6rod7F-TPiLyhLPzc74P244/w43-h11-no/www.madad2.com1.gif</span>') no-repeat 50% 30%;</div>
<div dir="rtl" style="text-align: right;">
        color: #FFF;</div>
<div dir="rtl" style="text-align: right;">
        display: none;</div>
<div dir="rtl" style="text-align: right;">
        font: 0/0 a;</div>
<div dir="rtl" style="text-align: right;">
        text-shadow: none;</div>
<div dir="rtl" style="text-align: right;">
        padding: 1em 1.2em;</div>
<div dir="rtl" style="text-align: right;">
}</div>
<div dir="rtl" style="text-align: right;">
</style></div>
<div dir="rtl" style="text-align: right;">
<script type='text/javascript'></div>
<div dir="rtl" style="text-align: right;">
//<![CDATA[</div>
<div dir="rtl" style="text-align: right;">
$(document.body).append('<div id="abt-page-loader">
تحميل...</div>
');</div>
<div dir="rtl" style="text-align: right;">
$(window).on("beforeunload", function() {</div>
<div dir="rtl" style="text-align: right;">
    // ... Show the Animation `.fadeIn()`</div>
<div dir="rtl" style="text-align: right;">
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);</div>
<div dir="rtl" style="text-align: right;">
});</div>
<div dir="rtl" style="text-align: right;">
//]]></div>
</div>
 

اضذا لم يعجبك هذا التحميل يمكنك تغيرها الى غير صورة
 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhIoAwvBgtbc6v_DtN5IYt6JUmjU_r5MLjQjbmd_d9IzlekLyo1j7g-M10Ks6-4wqRGz082jwxexi4oI767YoDBRPavaieg_osqIBF3qTS9jN58gtB_eCVB62Rl4iaYcwFHMzUppzDHQUN/s1600/modawin-blogger4.gif #sthash.FsqoTDT8.dpuf

اي مشكلة في الاضافة ضع تعليق و سوف نجيبك انشاء الله