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

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>