إضافة تأثير تحميل المدونة لمدونات بلوجر - كوليكا ويب | هدفنا تطوير الويب العربي

صفحات المدونة

    Social Items

كوليكا ويب | هدفنا تطوير الويب العربي

و تقديم كل ماهو جديد و كل ما يخص بلوجر.


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




<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://imgur.com/SaHOMkv.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>



ومبروك عليك الاضافة 

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


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




<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://imgur.com/SaHOMkv.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>



ومبروك عليك الاضافة 
تحميل التعليقات

تابعنا عبر البريد الالكتروني

الاشعارات

Disqus Logo