Blogger ‘Blog Me Stylish Page Loading Effect Kaise Add Kare’ Step By Step  पूरी जानकारी हिंदी में. How To Add Stylish Page Loading in Blogger ” Friends अगर आपको कोई Blog है , जिसे आप एक अच्छा और Professional Look देना चाहते है तो , ये Post आपके लिए ही है , दोस्तों ये तो आप जानते ही है कि किसी भी Blog या Website के लिए Designing बहुत ही Important  होती है , अगर आपका Blog अच्छे से Design नहीं होगा तो Visitor आपके Blog को ज्यादा पसंद नहीं करते है , इसलिए आज हम आपके Blogger Blog के लिए एक ऐसी Trick लेकर आये है जिससे की आप अपने Blog को अच्छे से Design कर सकते है ।

Add Page Loading Effect In Blogger Blog


Blogger Blog पर Page Loading Effect को Blog या Website पर लगाने से आपके Blog को एक अच्छा Look मिल जाता है , क्योकि जब भी कोई Visitor आपके Blog पर Enter करता है तो ये Page Loading Effect उनको दिखाई देती है जो की देखने में बहुत ही अच्छा लगता है, और Visitor भी इसे पसंद करते है.

 Blogger में Page Loading Effect लगाना कोई मुश्किल काम नहीं है , इसे आप अपने Blog पर कुछ ही मिनटों में लगा सकते है, तो Friends, Blogger Blog में Page Loading Effect लगाये और अपने Blog को अच्छा Look दे।
loading animated effect

How To Add Animated Page Loading Effect In Blogger

चलिये Friends अब हम आपको Step By Step बताते है कि Blogger Blog Me Animated Page Loading Effect कैसे Add करते है, बस आप हमारे द्वारा बताये गए सभी Steps को धयान से Follow कीजियेगा.

Blogger Blog Me Animated Page Loading Effect Kaise Add Kare [20 Style]

सबसे पहले तो आप नीचे दिए हुए Code को Copy करे

#page-loader {
    position:fixed !important;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:9999999;
    background:#FFFFFF url(‘URL Here‘) no-repeat 50% 50%;

    padding:1em 1.2em;
    display:none;
    }

Step:-1  फिर आप अपने Blogger Account पर Login करे
 Login Your Blogger Account

Step:-2 फिर आप Blog के Dashboard पर जाये और Tamplete>>Edite Html पर Click करे ।
click To Edit Html

Step:-3 अब आप Editor में कही पर भी Click करे और Ctrl+F की Buton Enter करे, फिर एक Search बार Open होजायेगा उसपर आप

]]></B:Skin>

Search करे ।

Step:-4 अब अपने जो ऊपर से Code Copy किया था उसे ]]></B.Skin> के ऊपर Paste करदे .
 Paste your code

Customize: अब हम आपको 20 Stylish Page Loading Effect दे रहे है नीचे आपको इनमे से जो Style पसंद हो उसका Code Copy करके Url Here की जगह Paste करदे और फिर Tamplete Save करदे ।

Blogger Loading Effect Style 1



http://3.bp.blogspot.com/-99_s0XfLTt0/UQaikh3bSMI/AAAAAAAAFOU/BuKqG0mh0eY/s1600/loading4.gif

Blogger Loading Effect Style 2



http://1.bp.blogspot.com/-W9bm3Oc6WzA/UQaik9ql4AI/AAAAAAAAFOg/3fyDf9Agbso/s1600/loading5.gif

Blogger Loading Effect Style 3



http://1.bp.blogspot.com/-udgAVO3FySQ/UQailMH35aI/AAAAAAAAFOo/JD6vDePg9OU/s1600/loading6.gif

Blogger Loading Effect Style 4



http://2.bp.blogspot.com/-yz54Aj8Fp1s/UQailmVa8BI/AAAAAAAAFPA/LT0KOGY-_lk/s1600/loading8.gif

Blogger Loading Effect Style 5



http://3.bp.blogspot.com/-eeiu8xL2Qls/UQaimEebl4I/AAAAAAAAFO8/hSK_kq7C8Po/s1600/loading9.gif

Blogger Loading Effect Style 6



http://3.bp.blogspot.com/-bWMOJ7ywzjg/UQaij1cSLiI/AAAAAAAAFOM/Nrdgh1W6hys/s1600/loading10.gif

Blogger Loading Effect Style 7



https://lh4.googleusercontent.com/-1nnz_q-zdlE/U7nQPsC7zvI/AAAAAAAAEDU/a3A-LG1mM0I/s128-no/Loading1.gif

Blogger Loading Effect Style 8



http://3.bp.blogspot.com/-Y2S2txttvPw/U7nQPi0h5MI/AAAAAAAAEDU/rsMYnz5-yn0/s128-no/Loading2.gif

Blogger Loading Effect Style 9



http://1.bp.blogspot.com/-tjFFryWgIcs/U7nQQ0x7JHI/AAAAAAAAEDU/v2BqyuIvCc8/s128-no/Loading3.gif

Blogger Loading Effect Style 10



http://2.bp.blogspot.com/-kXvhQBHoB0s/U7nQRhwcIxI/AAAAAAAAEDU/WDhTfSJOii8/s128-no/Loading4.gif

Blogger Loading Effect Style 11



http://2.bp.blogspot.com/-JN0Uo9ud0SY/U7nQSv_-HfI/AAAAAAAAEDU/NfHcUkP27QY/w124-h128-no/Loading5.gif

Blogger Loading Effect Style 12



http://1.bp.blogspot.com/-sGFHLSRy2OI/U7nQTn34h8I/AAAAAAAAEDU/0PUXPSEACPc/s128-no/Loading6.gif

Blogger Loading Effect Style 13



http://2.bp.blogspot.com/-bixcnTkh4q4/U7nQUNmm3_I/AAAAAAAAEDU/YE9s5MKfa60/s128-no/Loading7.gif

Blogger Loading Effect Style 14



http://1.bp.blogspot.com/-sbG2UKoWYpc/U7nQUtY6YOI/AAAAAAAAEDU/Oc22arnyymc/w128-h54-no/Loading8.gif

Blogger Loading Effect Style 15



http://4.bp.blogspot.com/-H8yWVVQ78Wk/U7nQVZTbQqI/AAAAAAAAEDU/a-aWtzRZlls/s128-no/Loading9.gif

Blogger Loading Effect Style 16



https://2.bp.blogspot.com/-MioMa_BqYh8/V5R9oDftZlI/AAAAAAAAEt8/moiXF7b03x4vL-MjlYwwDcxyiOPUyQprgCLcB/s1600/MBG-loading-16.gif

Blogger Loading Effect Style 17



https://3.bp.blogspot.com/-qR8QdOygkrw/V5R9pfAzlZI/AAAAAAAAEuA/8elJkn15fpgDe4w2Ul-MGUS_DmpFrTglwCLcB/s1600/MBG-loading-17.gif

Blogger Loading Effect Style 18



https://4.bp.blogspot.com/-56jrBh9Sjfs/V5R9sc4J5FI/AAAAAAAAEuI/VlpT4MvBs_IdNV_CZkHZS8_w97HeauOrwCLcB/s1600/MBG-Loading-19.gif

Blogger Loading Effect Style 19



https://2.bp.blogspot.com/-sSEjxhqlzB4/V5R9uGxk4kI/AAAAAAAAEuM/4EIgJChGpTgzIwHgykmy1HTEd8S0XuQkwCLcB/s1600/MBG-loading-20.gif

Blogger Loading Effect Style 20



https://2.bp.blogspot.com/-yVfxueCRm6M/V5R9wP426hI/AAAAAAAAEuQ/_2IC8KUObPoCghpdHFcN7vLUc0PG_oAjQCLcB/s1600/MBG-Loading-21.gif

Step:-5 अब आप Editor में कही पर भी Click करे और Ctrl+F की Button Enter करे, फिर एक Search बार Open होजायेगा उसपर आप

</body>

Search करे ।

Step:-6 अब आप नीचे दिया हुआ Code Copy करे  और उसे </body> के ऊपर Paste करदे जैसा की नीचे image में दिखाया गया है । फिर Template Save करदे.

<script type=’text/javascript’>
    //<![CDATA[
    $(document.body).append(‘<div id=”page-loader”></div>’);
    $(window).on(“beforeunload”, function() {
        $(‘#page-loader’).fadeIn(1000).delay(6000).fadeOut(1000);
    });
    //]]>
    </script>

लीजिये दोस्तों अब अपने सफलता पूर्वक Blog me Page loading Effect Add कर लिए है , अब आप check करके देख सकते है , अगर आपको इस Trick को blog पर लगाने में कोई दिक्कत आये तो आप हमें Comment के द्वारा पूछ सकते है , हमे आपकी help करने में ख़ुशी होगी ।

अगर आपको हमारा ये Post अच्छा लगा होतो आप हमारे Facebook page like कर दे, अगर आप हमारे New Article की जानकारी Direct अपने Inbox पर पाना चाहते है तो अभी हमे Subscribe करे ।

Post a Comment

Previous Post Next Post