21 Styles Animated Page Loading Effect For Blogger in Hindi: Friends अगर आपको कोई Blog है जिसे आप एक अच्छा और Professional Look देना चाहते है तो ये Post आपके लिए ही है दोस्तों ये तो आप जानते ही है कि किसी भी Blog या Website के लिए Desining बहुत ही Important  होती है (Blogger Blog Me Aninated Page Loading Effect कैसे Add करते है).

अगर आपका Blog अच्छे से Desing नहीं होगी तो Visitor आपके Blog को ज्यादा पसंद नहीं करते है , इसलिए आज हम आपके Blogger Blog के लिए एक ऐसी Trick लेकर आये है जिससे की आप अपने Blog को अच्छे से Desing कर सकते है ।

21 Styles Animated Page Loading Effect For Blogger in Hindi

Blogger Blog Me Aninated Page Loading Effect कैसे Add करते है

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

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

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

Blogger Blog Ke Liye 21 Styles Animated Page Loading Effect Add To Blogger

सबसे पहले तो आप नीचे दिए हुए 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 करे

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

Blogger Template Edit Html

Step:-3 अब आप Editor में कही पर भी Click करे और Ctrl+F की Buton Inter करे, फिर एक Search बार Open होजायेगा उसपर आप ]]></B:SKIN> kare.

]]></B:Skin>

Step:-4 अब अपने जो ऊपर से Code Copy किया था उसे ]]></B.Skin> के ऊपर Paste करदे जैसा की नीचे image में दिखाया गया है ।

Blogger Template Edit Html ]]></B:SKIN>
Customize: अब हम आपको 21 Stylish Page Loading Effect दे रहे है नीचे आपको इनमे से जो Style पसंद हो उसका Code Copy करके Url Here की जगह Paste करदे और फिर Tamplete Save करदे ।

Blogger Loading Animated Page Effect Style1]

Blogger Loading Effect Style1

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

Blogger Animated Page Loading Effect Style2]

Blogger Loading Effect Style2

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

Blogger Animated Page Loading Effect Style3]

Blogger Loading Effect Style3

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

Blogger Animated Page Loading Effect Style4]

Blogger Loading Effect Style4

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

Blogger Animated Page Loading Effect Style5]

Blogger Loading Effect Style5

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

Blogger Animated Page Loading Effect Style6]

Blogger Loading Effect Style6

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

Blogger Animated Page Loading Effect Style7]

Blogger Loading Effect Style7

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

Blogger Animated Page Loading Effect Style8]

Blogger Loading Effect Style8

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading2.gif

Blogger Animated Page Loading Effect Style9]

Blogger Animated Loading Effect Style9

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading3.gif

BloggerLoading Effect Style10]

Blogger Animated Loading Effect Style10

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading4.gif

Blogger Animated Page Loading Effect Style11]
Blogger Animated Loading Effect Style11

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading5.gif

Blogger LoadingEffect Style12]

Blogger Animated Loading Effect Style12

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading6.gif

Blogger Loading Effect Style13]

Blogger Animated Loading Effect Style13

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading7.gif

Blogger Loading Effect Style14]

Blogger Animated Loading Effect Style14

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading8.gif

Blogger Loading Effect Style15]

Blogger Animated Loading Effect Style15

https://www.mybloggerguides.com/wp-content/uploads/2016/07/Loading9.gif

Blogger Loading Animated Effect Style16]

Blogger Animated Loading Effect Style16

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-loading-16.gif

Blogger LoadingEffect Style17]

Blogger Animated Loading Effect Style17

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-loading-17.gif

Blogger LoadingEffect Style18]

Blogger Animated Loading Effect Style18

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-Loading-18.gif

Blogger Animated PageLoading Effect Style19]

Blogger Animated Loading Effect Style19

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-Loading-19.gif

Blogger Loading Animated Page Effect Style20]

Blogger Animated Loading Effect Style20

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-loading-20.gif

Blogger Loading Animated Page Effect Style21]

Blogger Animated Loading Effect Style21

https://www.mybloggerguides.com/wp-content/uploads/2016/07/MBG-Loading-21.gif

1

Step:-5 अब आप Editor में कही पर भी Click करे और Ctrl+F की Buton Inter करे, फिर एक Search बार Open होजायेगा उसपर आप </BODY> Search करे।

</body>

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

Blogger Template Edit Html body

<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 करके 5 Star Ratting दे अगर आप हमारे New Article की जानकारी Direct अपने Inbox पर पाना चाहते है तो अभी हमे Subcribe करे ।

LEAVE A REPLY

Please enter your comment!
Please enter your name here