Fixed Sidebar with Theia Sticky Sidebar jQuery WordPress Blogger

The most common layout of a web/blog usually consists of 2 parts, the main content (main-wrapper) and the sidebar (sidebar-wrapper). The sidebar will usually be shorter than the main, so if you like that your side panel show something every time and not blank anymore.  In this article, I will show you how to fix the Sidebar with Theia Sticky Sidebar jQuery that can be used in both WordPress and blogger blog.

Your website’s HTML structure has to be similar to this in order to work:

<div class="wrapper">
  <div id="main-wrapper">
    <div class="theiaStickySidebar">
  <div id="sidebar-wrapper">
    <div class="theiaStickySidebar">

Step: 1 – Add jQuery given below, just before the closing of body tag i.e.

<script src='' type='text/javascript'></script>
<!-- Must include jQuery -->
<script src='//' type='text/javascript'></script>
<!--your code here-->

Step 2: Determine the id/class of main, sidebar or any component you want to stick and insert the following script before </body> (in my example this is #main-wrapper, #sidebar-wrapper)

# is used for “id” component and dot ie “.” is used for the class.

<script type='text/javascript'>//<![CDATA[
$("#main-wrapper, #sidebar-wrapper").each(function() {

Step 3: It’s over 🙂 Save the blogger theme and check it out.

This is as simple if you face any issue regarding the same you can comment below. You can also download our blogger themes for your blogger webpage that already inbuilt Theia Sticky sidebar in it for free. Or if you don’t wanna change your current theme and not able to install. You can contact us and send your blogger theme for modification for free.

Ashok Kumar

Love Coding, Love Blogging what else to explain :).

Related Articles


  1. “Your website’s HTML structure has to be similar to this in order to work:”

    Are you kidding me? The real problem is making this place. If we knew how to create this code structure, the whole problem would be solved. Can you tell me how this was done?

    1. Hello This website is on WordPress and its theme Newspaper 9.8 support theiasticky sidebar. but you can implement this on your. try it once. we’re using this structure on thanks

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to top button