اضافة تحميل المدونة عند فتحها

مرحبا بكم اصدقائي متابعين مدونة مدهش ويب الكرام بموضوع جديد وإضافة جديدة على المدونة وهي اضافة تحميل المدونة بشكل جديد وإحترافي جدا وتستطيع معاينتها عن طريق مدونتنا ^_^  ^_^

طريقة التركيب

1.       ادخل المدونة
2.         ثم قالب 
3.            ثم تحرير html
4.              وابحث باستعمال ctrl+f 
5.              عن <body/> ثم اضف هذا الكود فوقه

<div id='loader'><div class='spinner'><div class='spinner-inner'></div></div></div><script type='text/javascript'> $(window).load(function () { setTimeout(function () { $(".spinner").fadeOut("slow"); setTimeout(function () { $("#loader").fadeOut("slow") }, 1000) }, 1000) }); </script><style>#loader{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10, 10, 10, 0.63);z-index:1000}.spinner{position:fixed;width:100%;top:70%;height:30px;text-align:center;font-size:10px}.spinner,.spinner-inner{position:absolute;top:0;bottom:0;right:0;left:0;border:9px solid white;border-color:transparent white;margin:auto}.spinner{width:85px;height:85px;-webkit-animation:spin 2.2s linear 0s infinite normal;-moz-animation:spin 2.2s linear 0s infinite normal;animation:spin 2.2s linear 0s infinite normal}.spinner-inner{width:40px;height:40px;-webkit-animation:spinback 1.2s linear 0s infinite normal;-moz-animation:spinback 1.2s linear 0s infinite normal;animation:spinback 1.2s linear 0s infinite normal}@-webkit-keyframes spin{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes spin{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes spinback{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes spinback{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@keyframes spinback{from{transform:rotate(0)}to{transform:rotate(-360deg)}}</style>

وبعد هذا اكتمل الموضوع وشكر لمتباعتكم لنا