السلام عليكم ورحمه الله وبركاته.
اهلا بكم فى Videoz النهارد
في هذا الموضوع سوف تتعلم كيف تجعل مدونتك أكثر سلاسة مع هذه الاضافة التي تقوم بعمل تأثيرات رائعة عندما تقوم بتحميل الصفحة يمكنك مشاهدة مثال من هنا اضغط على اي رابط في المدونة وسوف ترى كيفية عملها
كيفية الإضافة:
توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير 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/AVvXsEiMQF5lbIjZzxZbCrV21Mo8ldcVhxagFcUPjuDj5QefHYnYmE-TOzOqLxr6zUYb5touosl1dsF6ENj_RCZWNuRrK9tpsaqr2OzDF5DCwzkCtCL4yt1qAwOcE2k10FUxf5RUGzmPe4mfCTo/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/AVvXsEiMQF5lbIjZzxZbCrV21Mo8ldcVhxagFcUPjuDj5QefHYnYmE-TOzOqLxr6zUYb5touosl1dsF6ENj_RCZWNuRrK9tpsaqr2OzDF5DCwzkCtCL4yt1qAwOcE2k10FUxf5RUGzmPe4mfCTo/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/AVvXsEgNpaGXGACah_7xibN_Jj5_tjyvNL0dn6f6LD13sBjCMWpIee6YINDy4jQnT0buaG78cslVAzB_nA-62SdvP-LaDlYbqdbCe_aUmpZlJA_0MgnM7LN4iyZ5g8yPQOHrS4qXcR5Iw_G3ZJE/no/www.madad2.com.gif
0 التعليقات:
إرسال تعليق