Kya Aapne Apne Blog Me Sticky Sidebar Use kiye hai . Agar Nahi to Aapko Sticky Sidebar Ko puse karne Ke Method Bata rahe hai. Yadi Aap Adsense Ko use karte hai to aapko Sticky Sidebar Use karna chahiye.

Sticky Sidebar ka matlab hai ki aap jab koi Widget Sidebar me lagate hai to yadi koi visiter usko yani aapke website ko Scroll Karta hai to aapke sidebar ke widget show hote jate hai aur wo gayab nahi hota hai. Aise Jab aap Adsense Ke Ads Use karte hai to Uspar click karne ke chances jyada ho jaate hai.

Sticky Sidebar Ko Aap bahut tarah se Prayog kar sakte hai. isme Aap kisi Widget ko Aap Sticky yani floating Sidebar Ki tarah se use kar sakte hai ya aap Kisi Post Ke Part ko bhi highlited  Content ki ya Main Menu Ko Sticks Ki tarah use Kar sakte hai.

Ab Aapko Steps batate Hai jisse ki Aap Isko Apne Kisi Widget Ko Sticky Ki tarah Istemal Kar sakte hai.

How To use Sticky Sidebar - Sticky Sidebar Widget Kaise Lagaye


1. Sabse Pahle Aap Widget ID pata kare. Aap Widget Id Detect karne Ke liye Nimn Steps Follow Kare.

Step 1. Aap Layout Me Jaye Aur Koi Widget Open Kare.

Step 2. Aap Ko Widget Id Note Karna hai.

2. Aapko Ye Step Follow Karna Hai/

Step 1. Aap Blogger Dashboard Me jakar Sign Kar Lijiye Phir aapko Layout Me Jaiye.

Step 2. Add A gudget Par CLick kar lijiye phir Aap Niche Ka Diya Gaya Code Paste Kar dijiye.


<script>//<![CDATA[bs_makeSticky("header-navigation"); //Widget Id Yaha Par Dalefunction 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:#031f38 !important; position:fixed !important; top:0; z-index:9999; box-shadow:0px 11px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}</style> <script>//<![CDATA[$(function(){var lastScrollTop = 0, delta = 5;$(window).scroll(function(event){var st = $(this).scrollTop();if(Math.abs(lastScrollTop - st) <= delta)return;if (st > lastScrollTop){// downscroll code$("#header-navigation").css({top:'-50px'}).hover(function(){$("#header").css({top: '0px'})})} else {// upscroll code$("#header-navigation").css({top:'0px'});}lastScrollTop = st;});});//]]></script>
Edit - Widget Id Dale

3. Aap Aap jis widget ko Dekhnege Wo Aapko Stick Karti hui najar aayegi. Phir Aap Chahe to sidebar ke kisi bhi Widget ko floatingg bana sakte hai.


To aapne Apne Blog me Sticky sidebar ko add kar liye hai. Isse Aap Kisi bhi Adsense ads ko direct visiter ko show karwa sakte hai. ya Phir koi special message ko dikha sakte hai.