MAKE NORMAL BLOGGER WIDGETS STICKY IN BLOGGER THAT SCROLLS WITH PAGE

MAKE NORMAL BLOGGER WIDGETS STICKY IN BLOGGER THAT SCROLLS WITH PAGE



Create any widget sticky in blogger blog:

Step 1: Login to your blogger dashboard.

Step 2: Select your blog.

Step 3: Select Template option and click on Edit HTML option.

Step 4: In the Template code find </head>

Step 5: Paste following code just above it and save the template.

 Note: – In the following code replace wchnav1 with your own widget ID


CODE:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$(function() {    var wc_widget_top = $('#wchnav1').offset().top;    var wc_sticky_widgets = function(){        var wc_current_top = $(window).scrollTop();                   if (wc_current_top > wc_widget_top) {          $('#wchnav1').css({ 'position': 'fixed', 'top':0, 'z-index':999999 });        } else {            $('#wchnav1').css({ 'position': 'relative' });        }      };    wc_sticky_widgets();      $(window).scroll(function() {         wc_sticky_widgets();    });});</script>

How to find widget ID ?

Step 1: Login to your blogger dashboard and select your blog.

Step 2: Select Template option and Click on Edit HTML option.

Step 3: In the template editor window click on Jump to widget option and select the required widgetyou want to make sticky.

Step 4: It will automatically leads cursor to the required widget code. Now you can find your widget ID in that code for example HTML1, Blog1, HTML2 etc.

Comments

Post a Comment

இந்தப் பதிவு பற்றிய உங்கள் கருத்து எங்களுக்கு முக்கியம். எதுவானாலும் தயங்காம எழுதுங்க!

Popular posts from this blog

HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER

Image
HOW TO ADD ANNOUNCEMENT STICKY NOTIFICATION BAR TO BLOGGER Adding this notification bar to blogger: Login to your  blogger dashboard  and  select your blog . Select  Layout  option and select  Add a gadget  option. Select  HTML/JavaScript  widget from the list. In the HTML/JavaScript widget paste  following code  and save it. Preview your blog to see the new changes. Note:  In the following code replace  red colored code  with your post titles and remove  #  symbols with links to these posts. CODE: <style> #wcnot-cont { top:0px; left:0px; z-index:9999999; position:fixed; width:100%; background:#222222; color:#ffffff; font:16px georgia; box-shadow:2px 2px 5px  #444444; -moz-box-shadow:2px 2px 5px  #444444; -web-kit-box-shadow:2px 2px 5px  #444444; -goog-ms-box-shadow:2px 2px 5px  #444444; } #wc-movtext { text-align:center; padding:8px; font-family:  Ve...
Keep reading

Hacking அறிந்தும் அறியாமலும் – பாகம் 2

Image
Hacking அறிந்தும் அறியாமலும் – பாகம் 2 ஹக்கிங் பற்றிய இந்த தொடரில், ஹக்கிங் என்றால் என்ன? என்பது பற்றியும் மற்றும் ஹக்கேர்ஸ் பற்றியும் கடந்த பதிவில் பார்த்தோம்.ஹக்கிங் அறிந்தும் அறியாமலும் – பாகம் 1 அதன் தொடர்ச்சியாக இன்று அனைவரும் கட்டாயம் அறிந்து வைத்திருக்க வேண்டிய சிலவற்றை பற்றி பார்க்கலாம். அதாவது தனிநபர் பாதுகாப்புக்கு அச்சுறுத்தல் விடும் ஹக்கிங் முறைகள், அவற்றிற்கான பாதுகாப்பு ஏற்பாடுகள் பற்றிய விடயங்களை தொடர்ந்து பார்க்கலாம். ஹக்கேர்ஸ்ஸைப் பொறுத்தவரையில் அவர்கள்  ஒரு தனிநபரின் இணையக்கணக்குகளின் மீதோ அல்லது அதையொத்த தனிநபர் தகவல்கள் மீதோ தாக்குதல் நடாத்துவதற்கு குறிப்பிட்டு சொல்லக்கூடிய ஒருசில வழிவகைகளை பயன்படுத்துகிறார்கள். அவை வருமாறு தனிநபர் கணக்குகள்/தகவல்கள் மீதான ஹக்கேர்ஸ்ஸின் தாக்குதல் வழிமுறைகள் 1. Phishing 2.Key Loggers 3.Social Engineering 4.Tap Napping இந்த மேற்குறிப்பிட்ட வழிமுறைகளையே தனிநபர் கணக்குகள்/தகவல்கள் மீதான தாக்குதல்களுக்கு இன்று அதிகம் ஹக்கேர்ஸ் பயன்படுத்துகின்றனர். இவற்றைப்பற்றியும் இதிலிருந்து எவ்வாறெம்மை பாதுகாத்துக...
Keep reading