Make Your Blogger Widgets Position Fixed While Scrolling

Sticky SideBar in blogger

Last Time!! I share Aamir Iqbal SEO Course And also with SEO Tutorials video. Now i am going to share about Fixed Widget in blogger while scrolling. Fixed Widgets are also known as Sticky Widgets or Sticky Sidebars , Sticky Menus in Blogger.. so in this post i will teach you how to make sticky widgets in blogger. Follow My Below Steps.



Creating Sticky/Fixed Widget , Menu and Sidebars In BlogSpot Blogger



Sticky Menu in Blogger

  1. Go to your Blogger Dashboard > Theme > Edit HTML
  2. Click anywhere inside the template editor box
  3. Press Ctrl + F to opening Search Box
  4. Type ]]></b:skin> in the search box and press Enter Key
  5. Paste the below code above the ]]></b:skin>

.sticky{position:fixed!important;top:0;z-index:99;-webkit-transform:translateZ(0);}





  • Now </body>
     
  • After you find the </body> paste the given code just above the it and click Save Theme



  • <script type='text/javascript'>
    //<![CDATA[
    // Sticky Menubar
    function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" sticky",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("menu-wrapper");
    //]]>
    </script>

    Before Saving your template  paste your widget Id/code .. if you dont know from where i can find widget id so dont be Confuse simple click  below link for checking your widget Id . Thank you..

    How to Check Widgets/Gadgets Id In Blogger/Blogspot ? 

    8 comments:

    1. I must thank you sir. This worked like a charm on my blog.
      Thank you so very much!!!!

      ReplyDelete
    2. Replies
      1. Open Your Widgets which you want to make sticky.. and then click on URL ( Search Bar , link ) and copy end code.. code Look like.. popularposts1 , HTML1 , HTML2 etc

        Delete
    3. This is a very informative and descriptive post! I am sure even a layman would understand what it is about. I was also looking for a seo consultant Los Angeles that can help in making an attractive website for my business and also in promoting and advertising my business online.

      ReplyDelete
    4. I will definitely follow them for my online shopping site. Thanks for sharing the best tips of SEO on page. It is compulsory these days otherwise you have to find a local SEO expert, agency or SEO company to carry out your search engine optimization campaign.

      ReplyDelete
    5. its work. thanks you so much.
      but how to make this sticky stop until footer not over

      ReplyDelete