 |
| اضافة تأثير تحميل المدونة لمدونات بلوجر الجديد 2016 |
السلام عليكم ورحمة الله وبركاته .
اليوم اقدم لكم اضافة بلوجر جديدة اضافة تاثير تحميل الى المدونات بلوجر اضفها الى مدوناتك لكي تميز مدونتك عن غيرها و هذه الاضافة غير ثقيلة الى المدونات و انها متوافقة مع جميع المتصفحات و الاضافة تجعل الزائر يعجب بها
ابحث عن كود
<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>
اضذا لم يعجبك هذا التحميل يمكنك تغيرها الى غير صورة
http://4.bp.blogspot.com/-_WNXFKc7pL0/VHiuhDW0vMI/AAAAAAAAA6E/nlpPfGxfzFc/s1600/modawin-blogger4.gif #sthash.FsqoTDT8.dpuf
اي مشكلة في الاضافة ضع تعليق و سوف نجيبك انشاء الله