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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

مُساهمة من طرف Admin في السبت يونيو 11, 2016 2:32 am

ما يميز شكل المدونة عن الأخرى , هي الإضافات و التعديلات و التميز و الإختلاف ..
إضافة تأثير تحميل المدونة لمدونات بلوجر , إضافة مميزة , خفيفة و لا تأثر في سرعة مدونتك كما أنها متوافقة مع جميع المتصفحات و الأجهزة.
إضافة إلى أنها تجعل الزائر مهتما أكثر من ذي قبل لقراءة التدوينة أو مشاهدة الموقع .. فلو كانت تحميل مدونتك بطيئا , فالزئر سيملّ
من الإنتظار أما صفحة بيضاء ..!


على أساس الحصل على الإضافة لمدونتك , توجه نحو لوحة التحكم الخاصة بك في بلوجر. و توجه نحو تعديل القالب .
ابحث عن هذا الكود
</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://lh4.googleusercontent.com/-mQD0pkXM2Mk/UrBy0Cd7aVI/AAAAAAAAJ4A/JD-zaaFSku8/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>

الصورة الموجودة عند التحميل لم تعجبك ؟ لا يوجد إشكال إستعمل احد الصور التالية , فقط عوض : 



برابط الصورة التي تريدها ,
إليك الصور :


الرابط :





الرابط




الرابط : 

الرابط : 
اترك لنا تعليق

Admin
Admin

المساهمات : 55
تاريخ التسجيل : 10/06/2016

معاينة صفحة البيانات الشخصي للعضو http://tgm3.a7larab.net

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى