راسلنا من خلال النمودج التالي :

الاسم

بريد إلكتروني *

رسالة *

إعلان

آخر الأخبار

إعلان

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


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




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

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



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






شرح التركيب




اولا : ابحث عن هذا الوسم
 ]]></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>





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


و شكرا








hala teck
الكاتب : MAHER

مدون عربي صاحب مدونة هلا تك يهتم بكل جديد بعالم التقنية و المعلومات

شارك الموضوع
تعليقات
إعلان