8 comments  by  ,

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.

Must Check : Flexspot Blogger Template

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. Darren11 November 2017 at 03:15

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

      ReplyDelete
    2. Golden Age Electronics Co.LLC17 February 2018 at 23:04

      sir plese tell me how to find widget id

      ReplyDelete
      Replies
      1. Aqib Khan24 April 2018 at 23:30

        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. Vomail17 March 2018 at 12:57

      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. AnthonyMarkus5 April 2018 at 15:48

      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. Puspendu Roy Karmakar2 May 2018 at 21:32

      very helpful

      ReplyDelete
    6. Rauhun Isnaini21 August 2018 at 21:55

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

      ReplyDelete