Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare

7

How to stick sidebar widget in blogger blog in hindi? agar aapka blog blogger.com par hai, or aap apne blog me sidebaar widget ko stick karna cahate ho to aaj ka yeh post aapke liye kafi helpful ho sakta hai, kyuki aaj es post me ham janinge ki aasani se Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

aapne wordress blog me to bhut baar sidebaar widgets ko stick dekha hoga. but kya aapne kabhi kisi blogger blog me side widgets ko stick dekha hai, agar nhi! or aap apne blogger blog me sidebar widgets ko stick karna cahate ho to aaj es post me main aapko bataunga ki Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

Blog Posts Me Social Share Buttons Kaise Add Kare? or Website/Blog Me Social Follow Widget Kaise Add Kare? uske baare me maine phele se he bataya hua hai, lekin aaj es post me ham janinge ki aasani se Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?


Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

#1: Sabse Phele Blogger par jaker apne Blog ke Admin Panel Me Login kare.

Blogger

#2: Blogger par jane ke baad Template par click kare. phir Edit HTML me jaye.

#3: Ab neeche diye gye Code ko copy kar le.
<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: Ab code ko copy karne ke baad YOUR_WIDGET_ID ki jgha aap jis Widget ko Stick karna chate hai uski ID daale.

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 me Widget Id daalne ke baad us code ko Edit HTML ke Ander </body> ke upar paste kar de.

Now All Done! Ab aap cahe to check kar sakte hai. aapke widget stick ho chuki hai.

to guys es trha se aasani se aap apne blogger blog me bhi apne blog ke sidebar widgets ko aasani se sticky bna sakte ho. 

umeed hai ab aapko pata chal gya hoga ki aasani se apne kisi bhi Blogger Blog Me Sidebar Widget Ko Stick Kaise Kare?

agar aapko en steps me koi problem aa rhi hai, to neeche comment me puch sakte ho. or agar aapko yeh article helpful laga ho, to social media par share jarror kare.



7 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here