U3F1ZWV6ZTgwNzczMjc0MDNfQWN0aXZhdGlvbjkxNTA0OTc4MjA3
recent
أخبار ساخنة

اضافة تحميل الصفحات بشكل جديد


اقدم لكم اضافة تحميل الصفحات بشكل جديد




احدث إضافات التحميل اقدمها لكم

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



اليوم جلبت لكم اضافات التحميل جديدة وحصرية فقط علي مدونة هلا تك وهي اضافة تاثير التحميل بشكل احترافي وهو يشبه شكل  ولكن هذا الشكل جيد وبالالوان ايضا وسريع وجميل والوان مريحة للعين ويجذب الزوار لموقعك والان نتقل الي






شرح التركيب




اولا : ابحث عن هذا الوسم
 ]]></b:skin>
ثم ضع فوقه هذه الاكواد




 .loading { } .loading div:first-of-type { top: 20px; width: 150px; height: 150px; border-top: 3px solid #e40015; animation: loading-1 2s infinite; } .loading div:nth-of-type(2) { top: 30px; width: 130px; height: 130px; border-top: 3px solid #ffffff; animation: loading-2 2s ease-out infinite; } .loading div:nth-of-type(3) { top: 40px; width: 110px; height: 110px; border-top: 3px solid #e40015; animation: loading-1 2s infinite; } .loading div:nth-of-type(4) { top: 50px; width: 90px; height: 90px; border-top: 3px solid #ffffff; animation: loading-2 2s infinite; } .loading div:nth-of-type(5) { top: 80px; width: 30px; height: 30px; background-color: #ffffff; opacity: .5; animation: in-out 2.5s infinite; } .loading div:nth-of-type(6) { top: 70px; width: 50px; height: 50px; background-color: #ffffff; opacity: .5; animation: in-out 2s infinite; } 





ثانيا : ابحث عن هذا الوسم

 <body
وضع اسفله هذه الاكواد



 <div class='page-preloader preloader-wrapp'><div class='preloader'/>
<div class='loading'>  <div/>  <div/>  <div/>  <div/>  <div/>  <div/></div></div><script type='text/javascript'>//<![CDATA[jQuery(window).load(function() {        // will first fade out the loading animation$(".preloader-wrapp").delay(3000).fadeOut('slow');})//]]></script>





و ثم قم بحفظ القالب


و شكرا





الاسمبريد إلكترونيرسالة