How To make Blogger Sidebar widget Sticky fixed

By
Sultan
-
0
117 views

WordPress  blog me Q2W3 Fixed widget plugins se sidebar widget sticky (fixed) kar sakte hai.  Mere Ek friend ne Mujse facebook per question kiya tha hai. Blogspot me blogger sticky sidebar widget ko fixed sticky kar skate hai. To mene socha is topic per post kari jaye. Taki Sabhi blogspot user ko aapne blog me blogger sticky sidebar widget fixed, ya sticky fixed widget , sticky bar widget ke bare me pata chal jaye.

sticky blogger widget

Blogger sticky sidebar  widget  blog me fixed  karne ke bahut fayde hai. Lekin jaydatar User  ko blogger sticky sidebar widget fixed kaise kare iske bare me sayad pata nhi hota hai.  So is post me aaj aapko puri jankari dunga.  Blogger sticky sidebar widget fixed  kaise kaise karte hai.

 

 

Blogger Sticky Sidebar Widget Fixed Kyo Kare.

Reader jab bhi blog me article ko read karte hai. To sidebar widget fixed na hone ke wajah se  ek Jagah per set Rehte hai. Kyoki  limited widget use karne padte hai.

Taki blog loading speed per kai bad effect na pade. Ham blogger sticky sidebar widget fixed karke last tak show karwa sakte hai. ye Google adsense ads ke liye sabse best hai click gain karne ke liye.

 

Blog Me Sticky Widget Set Kaise kare.

Blog me sticky widget ko add karne ke liye niche diye gaye step ko carefully Read kare.
Step 1.

1. Sabse pahle blog dashboard me layout per click kare.
2. Ab theme per uske bad Edit HTML per click kare.
3. Ab  Templete me Ctrl+F Press karke </body> Code serach kar
4. Ab </body> Code se pahle  Niche diye sticky widget code ko paste kar de.

<script>
// Sticky widget by Futuretricks.in
// https://www.blognetbook.com/2017/11/blog-me-sticky-sidebar-widget-fixed.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:relative9 !important;}
</style>

Customization:-
1. Aab aapko blogger layout widget me widget id ko copy karke YOUR_WIDGET_ID  ke jagah per aapne widget id ko enter kare. Widget id code ko copy karne ke liye niche diye steps ko follow kare.


Step 2.

  1. Ab  New tab Me Dubara blogger account ko open kare.
  2. Ab layout per click kare Ab aap jis widget ko add karna hai. Us edit per click kare.
For Example:-

 

 

  • Ab aapko Widget URl  me Widget Id  ko copy karna hai. Aur Css code me add karna hai.
Step 3.
  1. Ab widget id code ko copy karke Templete me YOUR_WIDGET_ID  ke jagah per aap widget id code ko paste kar de.
  2. Finally aab Save Template per click kar de.
Aab Aap apne blog website me blogger sticky sidebar widget ko fixed kar sakte hai.  Blog sticky (fixed) Widget  set karna bahut simple hai. Aur agar aapko blogger sticky sidebar widget ko fixed karne me khoi problem ho to comment karke jarur bataye.

 

I hope aapko blogger sticky sidebar widget kaise set karte hai. Post passand ayi hogi. To is post ko social media aur other blogger ke sath jarur share kare

Post ke bare me comment karke aapna feedback jarur den.

Popular Posts:-

 

RELATED ARTICLESMORE FROM AUTHOR

LEAVE A REPLY

Please enter your comment!
Please enter your name here