عالم التدوين الألكتروني: كيفية تخصيص صورة او ايقونة انتضار تحميل الصفحة لبلوجر
18 يناير 2014

كيفية تخصيص صورة او ايقونة انتضار تحميل الصفحة لبلوجر

كيفية تخصيص صورة او ايقونة انتضار تحميل الصفحة لبلوجر

كل صاحب مدونة يرغب بان يجعل مدونته اكثر تطوراً من منافسيه واكثر جاذبية لذلك يجب عليك ان تحرص على ان تكون مدونتك بها خواص تميزها عن المدونات الأخرى لذلك جلبت لكم اليوم هذه الأضاقة الرائعة والحصرية لبلوجر التي تضهر عند تحميل صفحة ما بمدونتك ولمعرفة كيفية تخصيصها وطريقة اضافتها تابعوا الشرح :

اولا اذهب الى بلوجر > قالب > تحرير HTML وابحث داخل القالب بالضغط على Ctrl + F عن : body>

وضع فوق الكلمة مباشرة هذا الكود :
<style>
#abt-page-loader {
        position: fixed!important;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999;
        background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQHFBcK3Rsk2Pfr2Tvi7a49x2hN-vL_xX0nNcm9KpM3uj6lmy2k8mQtKqwuNb5r83R6B135VgZI-VpdIuQ_7L_o1f73P9626-lN5_aQr5OSpnz2PeaLGYkVDib7Va9DFWUT6ZYMfzsiDc/s200/load6.gif') no-repeat 50% 30%;
        color: #FFF;
        display: none;
        font: 0/0 a;
        text-shadow: none;
        padding: 1em 1.2em;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="abt-page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
    // ... Show the Animation `.fadeIn()`
    $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>

ومن ثم احفض التغيرات وتنقل بين صفحات المدونة لكي ترى الأضافة والى هنا نصل الى نهاية المقال على امل انه قد نال على اعجابكم :)

مدون - كن مدون - عالم التدوين - مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين -مدون - كن مدون - عالم التدوين 

0 التعليقات:

إرسال تعليق