الثلاثاء، 10 أبريل 2018

طريقة اضافة جاري تحميل الصفحة لمدونات البلوجر

طريقة اضافة جاري تحميل الصفحة لمدونات البلوجر


الحمد للة والصلاة والسلام علي رسول الله ، سوف اقدم لكم ان شاء الله في هذا الموضوع إضافة لمدونات بلوجر، وهي اضافة جاري تحميل الصفحة تظهر عند الدخول لمدونتك، هي حقا اضافة اختيارية لكن دورها يكمن في اضافة نوع من الجمالية والاحترافية في مدونتك. الاضافة متوفرة بشكلين احترافيين، كل شكل له كود خاص به. ومن اجل اضافتها المرجو متابعة بقية الموضوع.

طريقة اضافة جاري تحميل المدونة لمدونات بلوجر :
- في البداية قم بالدخول الى لوحة تحكم مدونتك
- اذهب الى القالب
- ثم اضغط على تحرير HTML
- ابحث عن الوسم </body> عن طريق الاختضار Ctrl+F من اجل البحث السريع
- الآن قم بلصق أحد الأكواد الموجودة في الأسفل قبل/فوق الوسم
أكواد الإضافة :

رمز Code:
    <div id="loader">         <div class="spinner">             <div class="spinner-inner"></div>         </div>     </div> <script src='//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>     <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,1);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> - See more at: http://www.tadwinpro.com/2014/08/2-pre-loading-spinners-for-blogger-blogs.html#sthash.xnQpRfK1.dpuf

إضافة تعليق