blogger me sidebar widget ko sticky kaise kare.

Blogger Sidebar Widget Ko Sticky (Fixed) Kaise Kare?

Hello 
 Dosto 
Aaj ham is post me janege blogger ke sidebar ko use ek jaga par kaise fixed kaise kare. taki website ka look kuch khass dikhe aacha lage.

helphindime.com blogger me sidebar widget ko stick kaise kare.
blogger me sidebar widget ko sticky kaise kare.


jab bhi blog ki koi post open karte hai to jitna sidebar me hamne widget lagaye hai utne show karta hai lekin jaise hi post dekhte niche ki taraf ate hai sidebar bilkul khali dikhta or website ka look kuch acha nahi lagta hai.

post ki jagah to article text se bhari rahti hai lekin sidebare me khali achha nahi lagta hai. hum dekhte hai ki bahut sare bloggers ke blog ka sidebar to jaise jaise post padhte niche ki our jate hai to ow apne aap niche ane lagta hai or apni jagah stick rahata hai. oh kaise ham soch padh jate hai.

our bahut bar ham aapne blog ke template ko change kar lete hai fir bhi ohi problem hoti hai. aur ham nirash ho jate hai hame nahi pata hai ki ise thik kare to kaise ham sochte hi rahte hai. our bar bare kisi ki site ko open karte hai dekhte hai our sochte hai. are yar inki website ka kaise hota hai.

Dosto ye to mere sath bhi huwa hai maine bhi problem ko face kiya hai maine bhi acchi kashi design ki hui template ko kai bar delete karke dusre template ko install kiya hai.

fir bhi problem ohi ka ohi raha tab mane is problem ka solution dudhna suru kiya or mujhe iska solution mila maine use apne website ke liye pahle try kiya our result accha aaya tab jake muje kuch raht mili hai.

Aab mai ohi sab aapke sath is post ke jariye share karne wala hu Aap is method ko try karke Aapne blog ke sidebar ko sticky karke aapne website ko kuch acha look de sakte hai. to chaliye jante hai.

blogger blog ke sidebar ko sticky kaise kare.

sabse pahle blogger.com par aapne blog me login kare our login karne ke bad layout option par click kare layout ke sidebar section pare jaye our jis kisi widget ko aap sticky karna chahte ho ise usi widget ki id find kare or usko not me note kare.

kaise kare find kare blog widget id


1.  Ab blogger template ke option me jaye

2 .  HTML par click kare.

3 .  Ab blog template me jake coding me kahi corser rakhe hai.

4 . ab apne computer ke keyboard se Ctrl + F  button dabane hai. jaise Ctrl+ F datate ho ek search box open hoga.

5 . Ab search box me </body> ye code type karke inter key press karni hai.

6 . Ab </bady> ye code highlight hoke show karega kuch is tarah </body>

7 . Ab  aapko blogger blog ke sidebar ko sticky karne ke liye
ye karna hai jo code ham yeha apko de rahe hai ese </body> ke uper past karna hai.

blog ke temlate me code ko past kare

<script>
// Sticky widget by Helphindime.com
// Tutorial at https://www.helphindime.com/2019/18/how-to-make-any-widget-sticky.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>

8 . aab apke template me save template par click karke template ko save kar lena hia.

Note:
Code me jis jagah par "YOUR_WIDGET_ID" ye likha hai usi jgah par apni widget id add karni hai our code ko save kar lena hai

Aab aap view blog par click kareke dekh sakte ho result kya raha hai aapke blog ka sidebar widget sticky ho gaya hoga post sath move kar raha hoga.

is tarah blog ke sidebar ko sticky kar sakte ho.

dosto aap blogging me new ho our agar hamare article se kuch help mili ho to aap apne dost ya relative ke sath is article ko share kar sakte ho taki unhe bhi kuch help mile.
Assa karta hu ki ye article aapko accha laga ho.

Thank you

Previous
Next Post »