Pari Digital Marketing

success behind you

Breaking

Saturday, 16 May 2020

Easy Add preloader To your Blog

Thanks For Visit My Website
Easy Add preloader To your Blog
हैल्लो दोस्तों, 
अपने ब्लॉग पर कैसे Website Preloader Animation कैसे जोड़ सकते है जो आपकी वेबसाइट की Bounce रेट को कम करने में मदद कर सकता है। और यह Animation बहुत ही अच्छा माना जाता है। 
Preloading Script तब तक रन होगी जब तक आपके वेबसाइट के content लोड नहीं हो जाते है। 

Easy Add preloader To your Blog

इस पोस्ट को पढ़ने के बाद आप बहुत ही आसानी से अपने वेबसाइट में Preloading Animation को जोड़ सकते है। तो जान लेते है कि किस तरह से आप Easy Add preloader To your Blog को जोड़ सकते है। 

Step To Add PreLoader To Your Blogger
1. ब्लॉगर का डैशबोर्ड खोले। 
2. Theme Section में जाये। 
3. Edit Theme पर क्लिक करे और Control Plus F दबाये। 
4. और ]]></b:skin> को खोजे। निचे दिए गए Code को इसके ऊपर Paste करें। 

#preloader{ position:fixed;  top:0;  left:0;  right:0;  bottom:0;  background:#000;  background-repeat:no-repeat; z-index:99}
#loader{ width:200px;  height:200px;  position:fixed;  left:50%;  top:50%;     background-image:url(http://urlpreloaderimage.gif);
background-repeat:no-repeat;  background-position:center;  margin:-100px 0 0 -100px}
5. अब <body> को खोजे और निचे दिए गए Code को इसके निचे Paste करें 
<div id='preloader'>
<div id='loader'/>
</div>
6. अब </body> Tag खोजे और उसके ऊपर निचे दिए गए Code को Paste करें। 

<script type='text/javascript'>$(window).load(function(){$("#loader").fadeOut();
$("#preloader").delay(350).fadeOut("slow");$("body").delay(350).css({overflow:"visible"})});</script>

7. अब theme को save करें। 

आप के लिए हमारे पास कुछ सैंपल है 
                                 

                           

                                       

इन Animation को आप यूज़ कर सकते है। 
यह पोस्ट आपको कैसा लगा कमेंट में जरूर बताये Easy Add preloader To your Blog  को install करने में कुछ समस्या हो तो कमेंट में जरूर बताये 

Video Tutorial:

4 comments:

  1. The actual challenge to become is normally you can actually SOLE check out that level of your tax discount over the internet by looking at your RATES web-site. brand agency

    ReplyDelete
  2. Merely wanna state that this is very beneficial , Thanks for taking your time to write this. startup branding agency

    ReplyDelete
  3. The good intreguing articles keep me coming back here time and time again. thank you so much. top brand agency

    ReplyDelete
  4. Interesting column , I am going to spend more time reading about this topic top branding agencies

    ReplyDelete

Popular Posts

WooCommerce