Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare

8

How to stick sidebar widget in blogger blog in hindi? दोस्तों अगर आपका ब्लॉग blogger.com पर है, और आप अपने ब्लॉग में sidebar widget को stick करना चाहते हो तो यह पोस्ट आपके लिए काफ़ी helpful होने वाली है, क्यूकी आज इस पोस्ट में हम जानिंगे की आसानी से अपने किसी भी Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

दोस्तों आपने WordPress blog में तो बहुत बार sidebar widgets को stick देखा होगा, लेकिन क्या अपने किसी blogger blog में sidebar widgets को stick देखा है? अगर नही! और आप अपने blogger blog में sidebar widgets को stick करना चाहते हो तो नीचे बताए गये steps को carefully follow करे।

Blog Posts Me Social Share Buttons Kaise Add Kare? or Website/Blog Me Social Follow Widget Kaise Add Kare? उस सब के बारे में मैंने पहेले से ही बताया हुआ है, लेकिन आज इस पोस्ट में हम जानिंगे की आसानी से अपने किसी भी ब्लॉगर ब्लॉग में Sidebar Widget को Stick कैसे करे?


Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

1. सबसे पहेले अपने blogger blog के admin panel में login कर ले।

Blogger


2. Blogger में login करने के बाद Template पर click करे, then Edit HTML में जाए।


3. अब नीचे दिए गये कोड को copy कर ले।
<script>
// Sticky widget by Futuretricks
// Tutorial at https://www.futuretricks.org/stick-sidebar-widget
// 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-indx:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style>

4. अब code को copy करने ले बाद YOUR_WIDGET_ID की जगह आप जिस Widget को Stick करना चाहते हो, उसकी ID डाले।

Tip: Agar aapko apne Widget ki ID nhi pta to Widget ka naam Edit HTML me Search karke uski ID dekh le. phir Code me daale.

5. Code में Widget Id डालने के बाद उस code को Edit HTML के अंदर </body> के ऊपर paste कर दे।

Now All Done! अब चाहो तो check कर सकते हो, आपकी sidebar widget stick हो चुकी है।

तो दोस्तों इस तरह से आप आसानी से अपने blogger blog में भी अपने ब्लॉग के sidebar widgets को आसानी से sticky बना सकते हो।

उम्मीद है की अब आप जान गये होगे की आसानी अपने किसी भी Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

अगर आपके पास कोई सवाल है, तो आप नीचे कमेंट में पूछ सकते हो. और अगर आपको यह पोस्ट हेल्पफुल लगा हो तो इसको सोशल मीडिया पर अपने अपने दोस्तों के साथ शेयर भी कर सकते हो.


8 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here