How to make sticky sidebar in Blogger Sidebar Widget ko Sticky kaise kare.

Hello Friends एक बार फिर से हिन्दी टेक वर्ड में आपका बहुत-बहुत स्वागत है। और मेरा नाम है समीर अली So Friends आज मै आपको बताने वाला हूँ Sticky Sidebar के बारे में की कैसे हम Blogger में केवल 5 मिनट में Simple तरीके से अपने blog के sidebar को Sticky बना सकते है। और अगर हम बात करे WordPress की तो Friends हम Q2w3 plugin से fix कर सकते है। लेकिन Blogger में हमें कोई Plugin मिलता तो हम इसे एक Script के द्वारा Sticky बनाते है। So Friends चलिए Start करते है।

Sticky Sidebar Kaise Banate Hai?

Step: 1
सबसे पहले आप अपने Blogger Dashboard मे जाइए।
Step: 2
अब Template में Edit HTML पर Click करे और Code में कही भी Click करके Ctrl + F दबाये।
Step: 3 
अब </body> Search करे और निचे दिया गया Code Copy करे।

<script> // Sticky widget by Futuretricks.in // https://hinditechword.blogspot.in/2018/04/how-to-make-sticky-sidebar-in-blogger.html // Free to use or share, but please keep this notice intact. //<![CDATA[ bs_makeSticky("YOUR_WIDGET_ID"); // enter your widget ID here function bs_makeSticky(elem) { var bs_sticky = document.getElementById(elem); var scrollee = document.createElement("div"); bs_sticky.parentNode.insertBefore(scrollee, bs_sticky); var width = bs_sticky.offsetWidth; var iniClass = bs_sticky.className + ' bs_sticky'; window.addEventListener('scroll', bs_sticking, false); function bs_sticking() { var rect = scrollee.getBoundingClientRect(); if (rect.top < 0) { bs_sticky.className = iniClass + ' bs_sticking'; bs_sticky.style.width = width + "px"; } else { bs_sticky.className = iniClass; } } } //]]> </script> <style> .bs_sticking {background:#f2f2f2 !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:relative\9 !important;} </style>

Step: 4 
अब जो Code आपने Copy किया था उसे </body> के ठीक ऊपर Paste कर दे
Note: YOUR_WIDGET_ID में अपनी widget की ID को डाले और template को save कर दे। 

Apne Widget ki id Kaise Pata Kare?

अपने Widget की Id पता करने के लिए अपने Blog के Layout में जाए।
अब जिस Widget की ID आपको पता करनी है Sidebar में उसके Edit बटन पर Click करे।
अब आपके सामने एक Popup Window खुलेगी उसके URL Address में आपको WidgetId=Label2 देखना है वही आपके Widget की id है जिसको आपको YOUR_WIDGET_ID की जगह Paste करनी है। जैसे की निचे Screenshot में दिखाया गया है

दोस्तों उम्मीद है की आपको मेरी यह पोस्ट पसंद आई होगी। तो दोस्तों अगर आपको यह पोस्ट पसंद आई है तो इसे अपने दोस्तों तक जरूर Shere करे और हमारी नई पोस्ट के Notification अपनी ईमेल पर पाने के लिए अभी हमारे ब्लॉग के newsletter को Subscribe करे। और दोस्तों अगर आपको मन में ब्लॉग्गिंग से रिलेटेड कोई भी सवाल है तो आप निचे Comment में हमसे जरूर पूछ सकते है हम उसका जवाब जरूर देंगे धन्यवाद

Read Also

1. इंटरनेट से घर बैठे ऑनलाइन पैसे कमाने के तरीके !
2. आधार कार्ड Virtual id क्या है इसे कैसे Generate करे ! 
3. On Page SEO Tips हिन्दी में !
4. CorelDRAW सीखे हिंदी में !
5. अन्य सभी Related जानकारी हिंदी में !