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 कर सकते है ।
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 दे।
#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 करदे ।
http://3.bp.blogspot.com/-99_s0XfLTt0/UQaikh3bSMI/AAAAAAAAFOU/BuKqG0mh0eY/s1600/loading4.gif
http://1.bp.blogspot.com/-W9bm3Oc6WzA/UQaik9ql4AI/AAAAAAAAFOg/3fyDf9Agbso/s1600/loading5.gif
http://1.bp.blogspot.com/-udgAVO3FySQ/UQailMH35aI/AAAAAAAAFOo/JD6vDePg9OU/s1600/loading6.gif
http://2.bp.blogspot.com/-yz54Aj8Fp1s/UQailmVa8BI/AAAAAAAAFPA/LT0KOGY-_lk/s1600/loading8.gif
http://3.bp.blogspot.com/-eeiu8xL2Qls/UQaimEebl4I/AAAAAAAAFO8/hSK_kq7C8Po/s1600/loading9.gif
http://3.bp.blogspot.com/-bWMOJ7ywzjg/UQaij1cSLiI/AAAAAAAAFOM/Nrdgh1W6hys/s1600/loading10.gif
https://lh4.googleusercontent.com/-1nnz_q-zdlE/U7nQPsC7zvI/AAAAAAAAEDU/a3A-LG1mM0I/s128-no/Loading1.gif
http://3.bp.blogspot.com/-Y2S2txttvPw/U7nQPi0h5MI/AAAAAAAAEDU/rsMYnz5-yn0/s128-no/Loading2.gif
http://1.bp.blogspot.com/-tjFFryWgIcs/U7nQQ0x7JHI/AAAAAAAAEDU/v2BqyuIvCc8/s128-no/Loading3.gif
http://2.bp.blogspot.com/-kXvhQBHoB0s/U7nQRhwcIxI/AAAAAAAAEDU/WDhTfSJOii8/s128-no/Loading4.gif
http://2.bp.blogspot.com/-JN0Uo9ud0SY/U7nQSv_-HfI/AAAAAAAAEDU/NfHcUkP27QY/w124-h128-no/Loading5.gif
http://1.bp.blogspot.com/-sGFHLSRy2OI/U7nQTn34h8I/AAAAAAAAEDU/0PUXPSEACPc/s128-no/Loading6.gif
http://2.bp.blogspot.com/-bixcnTkh4q4/U7nQUNmm3_I/AAAAAAAAEDU/YE9s5MKfa60/s128-no/Loading7.gif
http://1.bp.blogspot.com/-sbG2UKoWYpc/U7nQUtY6YOI/AAAAAAAAEDU/Oc22arnyymc/w128-h54-no/Loading8.gif
http://4.bp.blogspot.com/-H8yWVVQ78Wk/U7nQVZTbQqI/AAAAAAAAEDU/a-aWtzRZlls/s128-no/Loading9.gif
https://2.bp.blogspot.com/-MioMa_BqYh8/V5R9oDftZlI/AAAAAAAAEt8/moiXF7b03x4vL-MjlYwwDcxyiOPUyQprgCLcB/s1600/MBG-loading-16.gif
https://3.bp.blogspot.com/-qR8QdOygkrw/V5R9pfAzlZI/AAAAAAAAEuA/8elJkn15fpgDe4w2Ul-MGUS_DmpFrTglwCLcB/s1600/MBG-loading-17.gif
https://4.bp.blogspot.com/-56jrBh9Sjfs/V5R9sc4J5FI/AAAAAAAAEuI/VlpT4MvBs_IdNV_CZkHZS8_w97HeauOrwCLcB/s1600/MBG-Loading-19.gif
https://2.bp.blogspot.com/-sSEjxhqlzB4/V5R9uGxk4kI/AAAAAAAAEuM/4EIgJChGpTgzIwHgykmy1HTEd8S0XuQkwCLcB/s1600/MBG-loading-20.gif
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 करे ।
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 दे।
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 करे ।
No comments:
Write commentNote: Only a member of this blog may post a comment.