اضافة تأثير تحميل المدونة لمدونات بلوجر الجديد 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/AVvXsEibdCXzOZJnkdnsIyYqHsW-XYzDRNIjqmv0mVuM8zfCJ4wuybJFog4vK82YCoXw1AJmUq9qf6BbjrEe_k7_JyCsB81OUOYylMLhp_5b4MFXA_FfGthCFBU9YhLgOu9Yg10wgwIQcLbEaaY/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/AVvXsEi1aemb9cW12MVIicw9KlpqaAFXVYdNkmXKkjw5v6llt6s9BGPKEsgpZIyzWM9ORSCJeNvdbxmCqhLRMsG1msTrlAicYUsfT5v39unodtU5xbC_54qFUowc5dyINCNtzteYtzOcI1UYnWvZ/s1600/modawin-blogger4.gif #sthash.FsqoTDT8.dpuf

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