कोरोना वायरस से जुड़ी जानकारी

सरकार द्वारा 21 दिन के लिये लगाये गये Lockdown का पालन जरूर करे। कोरोना जैसी महामारी को देश में फैलने से रोकने के लिये और खुद इससे बचने के लिये घर से बाहर न निकले। सरकार द्वारा दिये जा रहे निर्देशों का पालन जरूर करे।

Sunday, 25 November 2018

Blogspot Blog Me Sidebar Fixed Sticky Widget Kaise Banaye ?

- -
यदि आपका ब्लॉग Blogger Blogging Plateform पर है तो आज की पोस्ट आपके बहुत काम में आने वाली है.इस पोस्ट में मैं आपको बताने वाला हूँ की कैसे Blog के Sidebar Widget को Fixed Sticky करते है.जिससे ब्लॉग को एक नयी Look मिलती है.

Blogger पर ब्लॉग बनाने के बाद उसको अच्छे से Design करना बहुत महत्वपूर्ण होता है.क्योकि यदि हमारे ब्लॉग की Designing अच्छी है तो वह यूजर को भी पसंद आता है.आपने भी कई Popular Blogs देखे होंगे जिनको बहुत अच्छे से Design किया गया है.ऐसे ब्लॉग प्रोफेशनल डिजाइनिंग वाले होते है.

तो ब्लॉग को एक बेहतर तरीके से डिजाईन करने के लिए हमे कुछ Popular Widgets को Blog में Add करना बहुत ज़रूरी होता है.जिसमे Sidebar में Popular Posts,Subscription Box,Labels आदि होते है.लेकिन आप इन Sidebar Widget को और भी अधिक Stylish बना सकते है.इसके लिए आप इन Sidebar Widget को Fixed Sticky बना सकते है.जिससे यह Blog में Floating तरीके से लगे रहते है.

इसका Benefits हमे यह होता है की जब यूजर हमारे Blog के किसी Page या Post को Scroll करता है तो Sidebar में वह Fixed Widget Sticky बन जाता है.यानि की Page या पोस्ट तो Scroll होती है लेकिन वह Sidebar Widget Scroll नहीं होता है.जिससे Blog Desktop में बेहतर तरीके से Show होता है.

blogspot-blog-me-sidebar-widget-ko-floating-fixed-sticky-kaise-banaye

आपने भी कई प्रोफेशनल ब्लॉग को देखा होगा उसमे Post Area के Right और Left Sidebar में कई Widget Floating Sticky Fixed होते है.इसका सबसे ज्यादा Benefit हमे यह होता है की हमारे Blog के Users पर इसका सबसे ज्यादा Effect होता है.क्योकि हमारे ब्लॉग पर आने वाले Visitors की नजर इन पर सबसे ज्यादा पड़ती है.

यदि हम अपने Blog के Subscription या Popular Posts के Widget को Sticky Fixed कर दे तो हम अपने ब्लॉग के सब्सक्राइबर को बढ़ाने के साथ साथ ब्लॉग का ट्रैफिक बढ़ा सकते है.तो यदि आप भी अपने Blogger Blogspot Blog में Sidebar को Fixed Sticky करना चाहते है तो इस पोस्ट को पूरा ज़रूर पढ़े क्योकि इसमें आपको पूरी जानकारी दी गयी है.


Blogspot  Ke Sidebar Widget Ko Floating Fixed Sticky Kaise Banaye ?

Step - 1 - सबसे पहले Blogger में login करने के बाद Theme पर क्लिक करे.Theme पर क्लिक करने के बाद Edit HTML पर क्लिक करे.

Step - 2 - अब आपको Theme Coding में </head> टैग को Search करना है और इसके बिल्कुल ऊपर नीचे दिया गया Code Copy करने Paste कर देना है.पेस्ट करने के बाद Save Theme पर क्लिक करना है.आप नीचे स्क्रीनशॉट मी मदद भी ले सकते है.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'/>
edit-html-coding-of-blogspot-blog-theme


Step - 3 - अब आपको Theme Coding में </body> टैग को Search करना है और इसके बिल्कुल ऊपर नीचे दिया गया Code Copy करके Paste कर देना है.पेस्ट करने के बाद Save Theme पर क्लिक करे.
<script type='text/javascript'>
//<![CDATA[
$(function() {
if ($('#PopularPosts1').length) {
var el = $('#PopularPosts1');
var stickyTop = $('#PopularPosts1').offset().top;
var stickyHeight = $('#PopularPosts1').height();
$(window).scroll(function() {
var limit = $('#footer-wrapper').offset().top - stickyHeight - 20;
var windowTop = $(window).scrollTop();
if (stickyTop < windowTop) {
el.css({
position: 'fixed',
top: 20
});
} else {
el.css('position', 'static');
}
if (limit < windowTop) {
var diff = limit - windowTop;
el.css({
top: diff
});
}
});
}
});
//]]>
</script>
add-coding-in-blogspot-theme-editor

 Note - ऊपर Code में आपको PopularPosts1 के स्थान पर उस Sidebar Widget की ID लिखनी है जिसे आप अपने ब्लॉग में साइडबार में फिक्स करना चाहते है तो जैसे की मैंने साइडबार में PopularPosts Widget को फिक्स करना है तो मैंने Popular Posts Widget की Widget ID जो की PopularPosts1 है इसे Code में Add किया है.ठीक इसी प्रकार आपको भी ऐसा ही करना है.

अब आप यह जानना चाहते है की आपको कैसे Widget ID पता चलेगी तो आइये मैं आपको जानकारी देता हूँ की कैसे आप किसी भी Blogspot Blog के किसी भी Widget की Widget Id Check कर सकते है.

Step - 1 - Blogger डैशबोर्ड में Layout पर क्लिक करे,Layout Page ओपन होने के बाद आप इसमें जिस Widget की ID Check करना है उस Widget के सामने Edit पर क्लिक करे.

edit-widget-in-blogspot-blog

Step - 2 - Edit पर क्लिक करते ही उस विजेट की एक पॉप अप विंडो ओपन होगी,आपको उस विंडो में एड्रेस बार पर क्लिक करना है जिसमे आपको Widget ID Show होगी.आप नीचे भी देख सकते है की WidgetId= के बाद PopularPosts2 Widget ID Show ही रही है.इस प्रकार आप साइडबार में जिस Widget को Floating Fixed Sticky बनाना चाहते है उसकी ID पता कर सकते है और ऊपर बताये गये कोड में Replace कर सकते है.

check-widget-id-of-any-widget-in-blogspot-blog

तो इस प्रकार आप ब्लॉग के Sidebar Widget को Fixed Sticky Floating बना सकते है.अब आपको एक छोटा सा CSS Code ब्लॉग की थीम कोडिंग में ऐड करना है.

Step - 1 - ब्लॉगर डैशबोर्ड में जाकर Theme पर क्लिक करे,अब Edit HTML पर क्लिक करे.अब आपको थीम कोडिंग में  ]]></b:skin> टैग को सर्च करना है और इसके बिल्कुल ऊपर नीचे दिया गया Code Paste कर देना है.पेस्ट करने के बाद Save Theme पर क्लिक करे.

इस कोड में भी आपको #PopularPosts1 के स्थान पर उस विजेट की Widget ID लिखनी है जिस Widget को आपने साइडबार में Fixed Scrolling बनाया है.
#PopularPosts1{width:100%;max-width:320px}
@media only screen and (min-width:260px) and (max-width:989px){
#PopularPosts1{display: none!important;}}
add-css-coding-in-blogspot-blog

तो इस पर आप आसानी से अपने Blogspot Blog में Sidebar Widget को Fixed Sticky बना सकते है.यदि आपको इस पुरे प्रोसेस को फॉलो करने में कोई परेशानी आ रही है तो आप नीचे कमेंट बॉक्स में कमेंट करे.हम आपकी हर संभव Help करेंगे.आज की इस पोस्ट को Blogspot Blog Me Sidebar Fixed Sticky Widget Kaise Banaye ? Social Media पर Share भी ज़रूर करे.
--

जानकारी अच्छी लगी है तो Facebook Page Like जरूर करे

---- -

Share This Post :-


No comments:

Post a Comment

आपको पोस्ट कैसी लगी कमेंट बॉक्स में ज़रूर लिखे,यदि आपका कोई सवाल है तो कमेंट करे व उत्तर पाये ।