Friday, 19 April 2024

Sunday, 11 September 2022

How To Defer offscreen images and Serve images in next-gen formats in Blogger (Blogspot)

How To Defer offscreen images and Serve images in next-gen formats in Blogger (Blogspot)

The most frequent and common problem faced by Blogger Community is that these two Opportunities in the Page Speed Insights -

  • Defer offscreen images
  • Serve images in next-gen formats
What they are trying to say is defer or lay load the images on the web page and use compressed images. Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption.

In this post, I'm going to show you how to tackle this problem.

How to lazy load the Blogger's Comment Box

How to lazy load the Blogger's Comment Box

Welcome Back! After a long time! In this post, I'm going to write about Blogger. I know many people out there use blogger to blog and its not the worst platform as many people frustrated with Blogger will say.

Mainly because blogger loads slow as shown in the Page Speed Insights, it loads many JS and CSS bundles that are hard to remove. In case of WordPress, you have many plugins in hand, you can customize it the way you want.

So today, I'm going to share how you can make your blogspot load time faster. And, how to Lazyload the Blogger Comment Box.

Sunday, 14 August 2022

(Solution) Blogspot Image Not Uploading On Pasting Error

(Solution) Blogspot Image Not Uploading On Pasting Error

You must have seen the error when we try to copy any image and paste it in blogger's Compose View HTML editor. It gives an weird error on pasting.

But let me tell you, that this error is because of not able to include the image into the HTML, and not because that the image is not uploading.

That means the images are uploading. To add an image, click on add image icon, select Blogger and then scroll down - you will see your image. Click to add that.

Wednesday, 6 October 2021

This Is How blogger.googleusercontent.com Will Affect Your Image SEO

This Is How blogger.googleusercontent.com Will Affect Your Image SEO

So you know last month, the way blogger was hosting images changed. Exactly what changed? Don't know.

I mean different people had different problem and they are talking about it here at the forum.

But the main thing that happened was that Blogger changed it URL where they used to host image i.e. from https://*.bp.blogspot.com to https://blogger.googleusercontent.com.

Wednesday, 21 July 2021

Friday, 25 December 2020

Sunday, 1 November 2020

How To Add Table Of Contents In Blogger

How To Add Table Of Contents In Blogger

Suppose you have written a long post article on your blog, covering vast subtopics - then it might become very difficult for anyone to scroll down to find any particular topic. Especially if there came through search engines they might be in hurry for exact one thing they're looking and you're offering them whole lot of text they don't care about.

Saturday, 15 August 2020

Thursday, 21 May 2020

Wednesday, 20 May 2020

Thursday, 7 May 2020

How To Change Default Permalink Structure in Blogger

How To Change Default Permalink Structure in Blogger
Hello everyone today I am going to show you a way to remove the default permalink in the Blogger. WordPress already has this feature that Blogger lacks. Seems like Google Blogger is little serious about its security or want to prevent spam or misleading URL structures. What you think about it? Let me know in the comments below!

Wednesday, 8 April 2020

Sunday, 22 March 2020

How to Use Blogger API in JavaScript

How to Use Blogger API in JavaScript
Almost after a year, I'm back!

Talking about the Blogger, it the place where many Bloggers start their Blogging journey but may got offended by the facilities that blogger provide. They say WordPress has got a lot of futures than this!!

But here comes Google API into play, it provides us to access & carry out the desirable functions with the data on our blog. Apart from simply fetching the data, it facilitates us with modifications and saving of the content(i.e. posts, pages and comments).

I this tutorial we will be looking to use this API in JavaScript or jQuery.

Thursday, 8 November 2018

Tuesday, 11 September 2018

Sunday, 2 September 2018

Sunday, 19 August 2018

Thursday, 26 April 2018

Set any thumbnail for the blogger blog post

Set any thumbnail for the blogger blog post

While comparing WordPress and Blogger, the one down-point of Blogger is that there is no feature to set or choose any picture that you want as thumbnail of the post.Today, we are going to see how we can choose the random picture as thumbnail for the blog post.

To do this, first we need to understand that to which picture the Blogger makes as its first photo!It has been noticed that Google Blogger always takes the first picture in the article as its thumbnail.

So, the solution is to make a beautiful thumbnail and always add it as the first thumbnail of the post.

But, what if you don't want to put it as the first image?For that, there is a little hack!Let me show you that.


  • First, after writing the whole post, add  the thumbnail image at the top of the post like in the below image.
    Adding photos in Google Blogger.
Adding photos in Google Blogger blog post.

After adding thumbnail at the top of the post, it will look something like this.
Editing in blogger.
Now, Switch to HTML tab from compose tab as shown below.
Switch to HTML from compose in Google Blogger.
After that, you'll find the <img> tag.If you know HTML, you will understand this better.
Editing HTML of blog post.

Now, we need to hide the image using attribute style='display:none'.So, add it after '<img '.Then it will look something like this.
Adding style attribute in HTML.

BOOM!That's it! Now publish the post and you will notice that the
 thumbnail is Not visible in the post but is visible in the Home where all the articles are being shown,You will also com to know that while sharing the links on social media, such as Facebook, thumbnail is being shown.

If you preview this, then it will won't work.This trick will work only after publishing the article.This will not work if you did any mistake in between.There should be space left in front and back of the 'style='display:none''.If you have any problem, comment down below.I'l surely reply.

If you want demo, then check in this article itself.You won't find any thumbnail included in this post, but when you look it from the home, then it will appear.

Thanks for reading this post.If you liked it then give a like us on Facebook.