Easy Add preloader To your Blog
हैल्लो दोस्तों,
अपने ब्लॉग पर कैसे Website Preloader Animation कैसे जोड़ सकते है जो आपकी वेबसाइट की Bounce रेट को कम करने में मदद कर सकता है। और यह Animation बहुत ही अच्छा माना जाता है।
Preloading Script तब तक रन होगी जब तक आपके वेबसाइट के content लोड नहीं हो जाते है।
इस पोस्ट को पढ़ने के बाद आप बहुत ही आसानी से अपने वेबसाइट में 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:
Video Tutorial:
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
ReplyDeleteMerely wanna state that this is very beneficial , Thanks for taking your time to write this. startup branding agency
ReplyDeleteThe good intreguing articles keep me coming back here time and time again. thank you so much. top brand agency
ReplyDeleteInteresting column , I am going to spend more time reading about this topic top branding agencies
ReplyDelete