Blog Me Sidebar Widget Ko Stick Kaise Kare [Blogger/WordPress]

August 15, 2016

Blog Me Sidebar Widget Ko Stick Kaise Kare? Dosto aapne dekha hoga aaj kal bhut se blogs me sidebar widget stick hoti hai. matlab apni jgha set ho jati hai or bo aapke page ko scroll up/down karne par hilti nahi hai.. Dosto esa karne se hmare blog ka desgin bhi accha lagne lagta hai… To agar aap chate hai ki aapke blog me bhi koi na koi widget stick ho jaye to aaj he es post ko padh kar eske step theek se follow kare.

Blog Me Sidebar Widget Ko Stick Kaise Kare [Blogger/Wordpress]

#In Blogger:

Step1: Sabse Phele Blogger par jaker apne Blog ke Admin Panel Me Login kare.

Go To Blogger

Step2: Blogger par jane ke baad Template par click kare. phir Edit HTML me jaye.

Step3: Ab neeche diye gye Code ko copy kar le.

<script>
// Sticky widget by Futuretricks
// Tutorial at https://www.futuretricks.org/stick-sidebar-widget
// 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-indx:9999; box-shadow:0px 10px 4px -5px rgba(0,0,0,0.3); margin-top: 0; position:relative\9 !important;}
</style>

Step4: Ab code ko copy karne ke baad YOUR_WIDGET_ID ki jgha aap jis Widget ko Stick karna chate hai uski ID daale.

Tip: Agar aapko apne Widget ki ID nhi pta to Widget ka naam Edit HTML me Search karke uski ID dekh le. phir Code me daale.

Step5: Code me Widget Id daalne ke baad us code ko Edit HTML ke Ander </body> ke upar paste kar de.

All Done! Ab aap cahe to check kar sakte hai. aapke widget stick ho chuki hai.

#In Blogger:

Step1: Sabse phele apne WordPress Account me Login kare.

Step2: Ab Plugin Par click kare phir Add New par click kare.

Step3: Ab Q2W3 Fixed Widget naam ki plugin Ko Search kare.. or Install kare.

Step4: Aap Cahe To Yha se bhi Download kar sakte hai. Plugin ke Install Hone ke baad.. Appearance > Widgets me jaye.

Step5: Ab aapko jis Widget ko Stick karna hai use open kare. ab aapke saamne Fixed Widget ka option aa jayega.. use Tick kar de phir Save kar de.