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


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

  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>