Click, Download, Watch and Share With Friends...

Monday, March 05, 2018

official logo for TBIB

How to change post thumbnail size in blogger custom mobile view (without using Javascript)

» Date: March 05, 2018
Alright. This is one of the problems most bloggers encounter when using the blogspot.com platform. Having an awesome blogger theme, fast loading speed and good user experience is the dream every blogger have as it helps them rank well, get their readers to read and enjoy their articles to the point where they get to share it with their friends, increasing their traffic and also be at the top of googles’ SERP (Search engine ranking), thus generating organic traffic for them.
how to resize blogger post thumbnail for custom mobile view
How my blog's custom mobile view thumbnail is

How I increased image thumbnail for blogger mobile view (without using any script)


I also stumbled on this issue and like so many other webmasters, rushed to google to see if any other webmaster has encountered such problems and how they tackled the situation.
Most of the forums I went to solved this situation by using javascript. I used this method for a long time until I stumbled on a website analysis tool and I ran my site for SEO issues only to find out that my blog size has become an estimated 1.9mb in size. That means a user has to use 1.9mb just to access my homepage.

This is bad because it will increase the load time for my site, making it bulky and most users do not like that.

Results from my analysis showed that the problem was because I had multiple javascript files in my blog template and this script came in when I copied the codes to make my blogger custom mobile view image thumbnail bigger
I took the Javascript src and opened it in a new tab and oh! boy,  was I shocked. This script is about 100kb in size and when it adds to the increase thumbnail for each image on my blog's homepage, I would be having over 1.9 Mb for my homepage alone.

So I had to remove the entire script from my blog and I went back to initial thumbnail size, as boring as it was. 

I still couldn't leave it like that.
I decided to do an intensive research and I finally stumbled on the solution on Googles webmaster forum. Surprising enough, not many webmasters were able to research that link as it had only 3 comments on it. 
Can you imagine? 3 comments on a solution most bloggers definitely need?
blogger custom mobile view thumbnail
my blogs custom view for tablet

How to make your blogger Mobile view thumbnail larger in size

This procedure will work only on blogger sites. I will upload the thumbnail method for WordPress and other online platforms soon.

This problem can be solved using the following 5 steps;

Step 1: Login to your Blogger Dashboard
ps: if you do not have a blog and want one today, you can get a free blog on blogger.com!

Step2:  Select the required blog from the drop-down menu at the top left corner of your screen and then click on Template >> Edit Html

Step3: From the editor screen that opens, click Ctrl F  on your keypad and a small box inside the editor will appear.
Step 4: Inside the box, type this (you can copy and paste if you like) mobile-index-thumbnail    

Step 5: There is only one mobile-index-thumbnail on most blogger templates. It will take you to a set of codes that look like this

Highlight and replace the code as instructed in this complete manual,

(Please remove all spaces made in between these codes to make the codes work.)

Type your blog URL but add /?m=1 at the end of the URL e.g www.azgist.com/?m=1 and then select a device. Your blog thumbnail has become responsive and will auto resize to fit the width of any device you are viewing it with. Look at my site screenshot using the mobiletest.me tool and try your own. You can run an analysis of your site and let me know what you think about this method.

Biller and Heyer were not associated with the examine.

Tem difíceis de encontrar bem informado pessoas sobre isso assunto, mas você
parece sabe que você está falando! Obrigado

My family every time say that I am killing my time here at web,
however I know I am getting knowledge daily by reading thes good content.

I'm amazed, I must say. Seldom do I encounter a blog that's both educative and engaging,
and without a doubt, you've hit the nail on the head. The
problem is something that too few folks are speaking intelligently about.
I am very happy I found this during my search for
something regarding this.

Great article! We will be linking to this particularly great article on our
site. Keep up the good writing.

Very nice article, exactly what I wanted to find.

If some one wishes expert vview concerning blogging thwn i recommend him/her to
visit this webpage, Keep up the nice work.

Hello, I enjoy reading all of your post. I like to write a little comment to support you.

Hi there, yup this article is truly good and I have learned lot of things from it
on the topic of blogging. thanks.

Very quickly this site will be famous among all blog
people, due to it's pleasant posts

Howdy just wanted to give you a quick heads up and let you know a few of the images aren't loading properly.
I'm not sure why but I think its a linking issue. I've tried it in two different
browsers and both show the same outcome.

Hi, we have resolved the issues with the images Thanks for the heads up.

Thanks, this tutorial really helped me. i have been looking for this for a very long time.

I have fixed this problem on my blog. Thanks for the tutorial. i observed an increase in my pagespeed and bigger post thumbnail at the same time. Now my blog loads better and more unique. Thank you so much for this.

This web site really has all the information and facts I needed concerning ths suibject andd didn't
know who to ask.

It's impressive that you are getting ideas from this post as well as from our
discussion made here.

Hi there, after reading this amazing post i am as
well happy to share my knowledge here with friends.

I'm truly enjoying the design and layout of your site.
It's a very easy on the eyes which makes it much more pleasant for me to come here and
visit more often. Did you hire out a developer to create your theme?
Outstanding work!