برو تك | تعلم بلوجر معنا برو تك | تعلم بلوجر معنا
قوالب بلوجر

آخر الأخبار

قوالب بلوجر
قوالب بلوجر
جاري التحميل ...

اضافة اداة تحميل المدونة لمدونات بلوجر بشكل جديد


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


كيفية الاضافة

  1. اضف هذا الكود فوق </head>
<style> #loader{-webkit-transition: -webkit-transform 0.35s,color .35s; transition: transform 0.35s,color .35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,0%,0);position:fixed;top:0;left:0;right:0;bottom:0; background: rgba(0,0,0,.85)!important;z-index:1000} @keyframes sk-stretchdelay {0%, 40%, 100% {transform: scaleY(0.4);} 20% {transform: scaleY(1.0);}} .spinner:not(#layout){margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px}.spinner div{background-color:#fff;height:100%;width:6px;display:inline-block;animation:sk-stretchdelay 1.2s infinite ease-in-out} .spinner .rect2 {animation-delay: -1.1s;}.spinner .rect3 {animation-delay: -1.0s;} .spinner .rect4 {animation-delay: -0.9s;}.spinner .rect5 {animation-delay: -0.8s;} </style>
  1. وضع هذا الكود فوق </body>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='loader'>
<div id='logo_hmwarzone'><li class='s-home'> <a> جار التحميل ثوان فقط... </a></li></div>
<div class='loader4'/>
<div class='spinner'>
<div class='rect1'/>
<div class='rect2'/>
<div class='rect3'/>
<div class='rect4'/>
<div class='rect5'/>
</div>
</div>
<script type='text/javascript'> $(window).load(function () { setTimeout(function () { $(&quot;.loader4&quot;).fadeOut(&quot;slow&quot;); setTimeout(function () { $(&quot;#loader&quot;).fadeOut(&quot;slow&quot;) }, 1000) }, 1000) }); </script>
</b:if>

عن الكاتب

بروتك - Th3protk

التعليقات


اتصل بنا

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

المتابعون

إحصاءات المدونة

أرشيف المدونة الإلكترونية

جميع الحقوق محفوظة

برو تك | تعلم بلوجر معنا