Tuesday, November 7, 2017

Blogger Sticky Sidebar widget fixed Set Kaise Kare

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 aapne blog me blogger sticky sidebar widget fixed, ya sticky box, sticky bar widget ke bare me pata chal jaye.


Blogger Sticky sidebar Widget fixed kaise kare.





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
// http://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:relative\9 !important;}
</style> 
Customization:-
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:-


Blogger widget id check

  • 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



Ye Bh Pade:-
Video Tutorial.:-

How to Create Sticky Sidebar Widgets Fixed  For Blog



Share This Post On Soical Media:-
About Author :- My name is Sultan From dehradun india. Iam a passinate and full Time blogger. If you like his articles then share with your friend and Social media sites facebook twitter more Etc and Keep Visting on Blog net Book.

Let's Get Connected:- Facebook | Twitter | Google Plus

Related Posts