السلام عليكم ورحمة الله وبركاته
في هذا الموضوع سوف تتعلم كيف تجعل مدونتك أكثر سلاسة مع هذه الاضافة التي تقوم بعمل تأثيرات رائعة عندما تقوم بتحميل الصفحة يمكنك مشاهدة مثال من هنا اضغط على اي رابط في المدونة وسوف ترى كيفية عملها
كيفية الإضافة:
توجه إلى لوحة التحكم في مدونتك > القالب > إضغط على تحرير html ثم أبحث عن الرمز </body>
ثم قم بإضافة الكود التالي فوق الرمز </body> مباشرةً.
<style>
#abt-page-loader {
position: fixed!important;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
background:#000 url(‘http://madad2.com/wp-content/uploads/2013/12/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(‘http://madad2.com/wp-content/uploads/2013/12/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/AVvXsEj2YK__cMs82g8t_TnMIhpfWDzDKeXN112i1p_IpeB34d2OFmyj52JZEaua1tZJhw0jEMrnZI-f_xDnHEGUkNxdJDb1jIdNX7R4WNNaqmFdVFt1sIdxbHrGCBciVYthiQycFfKeWNndc1w/no/www.madad2.com.gif
http://madad2.com/wp-content/uploads/2013/12/Loadding-www.madad2_.com_.gif
يجب تفعيل رقمك على الاواتس اب الاصلي ثم تنزيل الواتس اب بلس