السلام عليكم ورحمة الله وبركاته
كيفية الإضافة:
توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير html ثم أبحث عن الرمز </body>
ثم قم بإضافة الكود التالي فوق الرمز </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/AVvXsEjW_KSeUtCfwT2Uk3b3q2pXrnOzkv3TM5n7eIGdPsMyczKoewbWjZMS8cC7oHeQ6Ec0pvt5XVdE2-pWW0pGKLkFeDDl7boZym4ogkM3kgXk7PAQMf4j65G6MS6WrwStWv43KsLBthPSDQ/w43-h11-no/www.madad2.com1.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">تحميل...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
#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/AVvXsEjW_KSeUtCfwT2Uk3b3q2pXrnOzkv3TM5n7eIGdPsMyczKoewbWjZMS8cC7oHeQ6Ec0pvt5XVdE2-pWW0pGKLkFeDDl7boZym4ogkM3kgXk7PAQMf4j65G6MS6WrwStWv43KsLBthPSDQ/w43-h11-no/www.madad2.com1.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">تحميل...</div>');
$(window).on("beforeunload", function() {
// ... Show the Animation `.fadeIn()`
$('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);
});
//]]>
</script>
يمكن تغيير الصورة المشار إليها بتبديل الرابط بروابط الصور التالية كما ترغب,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9Z4UNx10m9xt3Zw6_NVLSTz0L_Ll_mcXTbrduZsrdPGQsE6rP8oJVVBLmsx2N3qszZX69Hi1g6FAHLZbrvdRN0pgUNUsoOxfXULYzPJrG3FXX5ZIWMmA9JozlYYgyXny1toWW_BdppQ/no/www.madad2.com.gif
ليست هناك تعليقات :
إرسال تعليق