اقدم لكم اضافة تحميل الصفحات بشكل جديد
احدث إضافات التحميل اقدمها لكم
ما يميز شكل المدونة عن الأخرى , هي الإضافات و التعديلات و التميز و الإختلاف ..
إضافة تأثير تحميل المدونة لمدونات بلوجر , إضافة مميزة , خفيفة و لا تأثر في سرعة مدونتك كما أنها متوافقة مع جميع المتصفحات و الأجهزة.
إضافة إلى أنها تجعل الزائر مهتما أكثر من ذي قبل لقراءة التدوينة أو مشاهدة الموقع .. فلو كانت تحميل مدونتك بطيئا , فالزئر سيملّ
من الإنتظار أما صفحة بيضاء ..!
اليوم جلبت لكم اضافات التحميل جديدة وحصرية فقط علي مدونة هلا تك وهي اضافة تاثير التحميل بشكل احترافي وهو يشبه شكل ولكن هذا الشكل جيد وبالالوان ايضا وسريع وجميل والوان مريحة للعين ويجذب الزوار لموقعك والان نتقل الي
شرح التركيب
]]></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>
و ثم قم بحفظ القالب
و شكرا
إرسال تعليق