3 Blogger codes that you must use on your blogpost website

rajatksingh10 January 25, 2021

Here are tips that you must use on your blogger website to make it more user-friendly and fast. 

3-blogger-codes-that-you-must-use-on-blogspot
3-blogger-codes-that-you-must-use-on-blogspot




Images tips:

1) Use compressed images so that your website loads fast. Compress your images here this website can compress any type of images and is very convenient.

2) Use new formats for images called next-gen images like JPEG 2000, JPEG XR, WebP because they prove better compression than PNG and JPEG format. You can use this website to convert your images into WebP WebP coveter.

3) Optimize image size according to the device so that the loading time of images decreases. Here is the CSS code that you can use to resize the image automatically according to the device.
Advance -> Add CSS -> Add custom CSS -> Paste the code there
3-blogger-codes-that-you-must-use-on-blogspot
STEP 1 &2
3-blogger-codes-that-you-must-use-on-blogspot
STEP 3,4&5


Responsive images
.post-body img {
width: 100%;
height: 100%;
display: block;
}


Speed website by using delaying the Java code loading hence your website becomes fast:

Go to edit HTML in your blogger and find this code in your website and replace it with the below code.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>

replace by

   <script id='script-batch' type='text/javascript'>  
     (function(d){  
       var js = d.createElement(&#39;script&#39;); js.async = true; js.defer = true;  
       js.src = &quot;https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js&quot;;  
       d.getElementsByTagName(&#39;head&#39;)[0].appendChild(js);  
     }(document));  
  </script>  



two:


<? php flush ();?> 




How to make a widget Sticky:


Paste the code just above <head> in the edit Html and replace the HTML 1 with the widget you want to make it sticky. Generally, the subscription box is made sticky so that the user has a maximum chance of noticing and enters the email id.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'> 
$(function() {
    var ks_widget_top = $(&#39;#HTML1&#39;).offset().top;
    var ks_sticky_widgets = function(){
        var ks_current_top = $(window).scrollTop(); 
            
        if (ks_current_top &gt; ks_widget_top) { 
          $(&#39;#HTML1&#39;).css({ &#39;position&#39;: &#39;fixed&#39;, &#39;top&#39;:0, &#39;z-index&#39;:999999 });
        } else {
            $(&#39;#HTML1&#39;).css({ &#39;position&#39;: &#39;relative&#39; }); 
        }   
    };
    ks_sticky_widgets();
      $(window).scroll(function() {
         ks_sticky_widgets();
    });
});</script> 

Tags
Reactions

Post a Comment

0 Comments