Blogger Sidebar Widget Ko Sticky (Fixed) Kaise banaye

मित्रो आज हम आप लोगो को ब्लागर ब्ब्लाग के साइडबार में फिक्स विजेट कैसे लगाये! और फिक्स विजेट लगाने से हमे क्या फायदे होते है,आदि के बारे में विस्तार पूर्वक जानकारी उपलब्ध करायेगें। मित्रो फिक्स विजेट जब हम किसी पोस्ट को पढते सेमय पेज को स्क्राल डाउन करते है तो ऐसे में फिक्स विजेट को छोडकर बाकी अन्य सभी विजेट ऊपर की तरफ जाकर छुप जाते है। ऐसे में हम अपने ब्लागर ब्लाग में फिक्स विजेट को लगाकर अपने ब्लाग को एक नया लुक दे सकते है। जिससे आने वाले विजिटर भी प्रभावित होते है। परन्तु हमें एक बात और नही भुलना चाहिए कि ब्लागर ब्लाग हो या कोई अन्य ब्लाग,उसमें एचटीएमएल कोड एवं जावास्क्रिप्ट सीएसएस कोड का कम से कम प्रयोग करना चाहिए। शायद आप लोगो को इस विषय में पता होगा कि जितना ही सिम्पल हमारे ब्लाग का डिजाईन होगा,वह उतना ही एसईओ फ्रेन्डिली होगा जिससे ब्राउसर पर ब्लाग ओपेन करते समय,बहुत कम से कम समय में आसानी के साथ ओपेन हो जायेगा। परन्तु यदि हम अपने ब्लाग को डिजाईन करते समय अत्यधिक कोड का इस्तेमाल करेगे तो ऐसे में हमारे ब्लाग का लोडिंग स्पीड प्रभावित होगा। इस लिए हमें सर्दव ब्लाग को आकर्षक रूप देने के ब्लाग का डिजाईन करते समय सभी पहलुओ को भलि’भाति दृष्टिगत रखते हुए ब्लाग का डिजाईन करना चाहिए। 

ब्लॉगर साइडबार विजेट को स्टिकी (फिक्स्ड) कैसे बनाये

मित्रो ब्लागर ब्लाग के साइडबार में फिक्स विजेट लगाने के लिए आपको दिये गये स्टेप को फॉलो करना होगा जिससे आपको ब्लॉगर ब्लॉग साइडबार विजेट को स्टिकी (फिक्स्ड) करने में  आसानी हो सके। 

स्टेप संख्या -01

यदि आप ब्लागर ब्लाग में fixed widget  कोड को वायरस मुक्त कापी करना चाहते है। तो आप इसके लिए डाउनलोड बाटम पर क्लिक कर  CODE डाउनलोड कर ले। 

• FIXED WIDGET CODE-DOWNLOAD HERE

स्टेप-02

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

नोट -इसके बाद अब आपके सामने टेम्पलेट का सभी कोड ओपेन हो जायेगा,जिसे आप आसानी के साथ एडिट कर सकते है। 

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये Blogger Sidebar Widget Ko Sticky (Fixed) Kaise banaye के कोड को  </body>  में लगाने के लिए कापी पेस्ट कर ले । 

<script> //<![CDATA[ HG_makeSticky("WIDGET_ID"); // enter your widget ID here function HG_makeSticky(elem) { var HG_sticky = document.getElementById(elem); var scrollee = document.createElement("div"); HG_sticky.parentNode.insertBefore(scrollee, HG_sticky); var width = HG_sticky.offsetWidth; var iniClass = HG_sticky.className + ' HG_sticky'; window.addEventListener('scroll', HG_sticking, false); function HG_sticking() { var rect = scrollee.getBoundingClientRect(); if (rect.top < 0) { HG_sticky.className = iniClass + ' HG_sticking'; HG_sticky.style.width = width + "px"; } else { HG_sticky.className = iniClass; } } } //]]> </script> <style> .HG_sticking {background:#ffffff !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative9 !important;} </style>

• अब Search Box में (CTRL + F)  दबाकर आप </body> tag  को सर्च करें ।
• अंत में मार्कअप की लाइन का अनुसरण करें और इसे </body> के ठीक ऊपर पेस्ट करें ।

• इसके बाद अब आपको विजेट को फिक्स विजेट बनाना है। इस लिए इस कोड में दिये गये लाइन नम्बर 03 में WIDGET_ID  की जगह आपको अपने widget id paste  करना है। 
• इसके बाद अब आपको save template   पर क्लिक करके सुरक्षित सेव कर लेना है। 

नोट-यदि आपको यह नही पता कि ब्लागर ब्लाग में एडेड विजेट की आईडी कैसे पता करे तो आप नीचे दिये गये इसके जानकारी को अध्ययन करके अपने विजेट की आई जान सकते है। 

ब्लागर ब्लाग के साइडबार की विजेट आईडी कैसे जाने ?

मित्रो ब्लागर ब्लाग के साइडबार में फिक्स विजेट आईडी जानने के लिए आपको दिये गये स्टेप को फॉलो करना होगा जिससे आपको साइडबार में फिक्स विजेट आईडी जानने में  आसानी हो सके। 

स्टेप -संख्या  -01 

• इसके लिए आप सबसे पहले अपने layout पर क्लिक करे।
• आपको जिस भी विजेट की आईडी जानना है उसके Edit option  पर क्लिक कर दे। 
• इसके बाद अब आप widget url  के लास्ट में आपको widget आईडी दिखाई दे जायेगी,इसको समझने के लिए नीचे दिए गये स्क्रीन शार्ट की मदद से आप देख सकते है।  ठीक इसी तरह आप किसी भी विजेट को एडिट आफ्शन पर क्लिक कर विजेट की आईडी को जान सकते है। 

• इसके बाद अब आपको save template   पर क्लिक करके सुरक्षित सेव कर लेना है। 

मित्रो अब हमें उम्मीद है कि आप लोगो ने  ब्लागर ब्लाग के साइडबार में विजेट आईडी को अच्छे से फिक्स करना जान एवं समझ गये होगें। यही नही आप लोगो इसे देख और समझ कर अपने ब्लाग में विजेट आईडी को फिक्स भी कर लिया होगा। हां यदि आप लोगो को किसी प्रकार कोई समस्या महसूस होने पर आप हमें कमेन्ट कर पूछ सकते है। यदि आप ब्लॉगर साइडबार विजेट को स्टिकी (फिक्स्ड)  बनाने  के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।