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.

You have observed very interesting details! ps nice site.

Wow that was odd. I just wrote an incredibly long comment but after I clicked
submit my comment didn't appear. Grrrr... well I'm
not writing all that over again. Anyway, just wanted to say fantastic blog!

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!

This is really interesting, You are a very skilled blogger.

I have joined your rss feed and look forward to seeking
more of your excellent post. Also, I've shared your site in my social networks!

Нello thегe, just became aware of your bⅼog through Google, and found
tһat it iѕ truⅼy infοгmative. I'm going too wathh out forr bruѕѕels.

I'll be gratеful if yyou continuee this in future. Numerous people will bee benefited
from your writing. Cheerѕ!

Great web site. A lot of useful info here. I'm sending it
to some buddies ans also sharing in delicious. And obviously, thanks in your sweat!

I will right away grab your rss feed as I can't in finding your email subscription hyperlink or e-newsletter service.

Do you have any? Please permit me realize so that I may subscribe.

Thanks.

Informative article, exactly what I wanted to find.

I was able to find good information from your blog articles.

Can you tell us more about this? I'd like to find out
more details.

Hello would you mind stating which blog platform you're working with?
I'm looking to start my own blog in the near future but I'm having a difficult time choosing between BlogEngine/Wordpress/B2evolution and Drupal.
The reason I ask is because your layout seems different then most blogs and I'm looking for something completely unique.
P.S Apologies for being off-topic but I had
to ask!

Wow, awesome blog layout! How long have you been blogging for?

you make blogging look easy. The overall look of your site is magnificent, let alone the content!

Some truly nice stuff on this website, I like it.

Thanks for finally writing about >"How to change post thumbnail size in blogger custom mobile view (without using Javascript)" <Liked it!

Excellent post. I was checking constantly this blog and I'm
impressed! Extremely helpful information specially the remaining part :
) I deal with such info a lot. I was looking for this certain info for a very lengthy time.

Thanks and best of luck.

I leave a leave a response whenever I appreciate a article on a site or if I have something to valuable to contribute to the conversation. It is triggered by the fire communicated in the post I read.
And after this article "How to change post thumbnail size in blogger custom mobile view (without using Javascript)".
I was excited enough to drop a commenta response ;-) I actually do have 2 questions for you if you
usually do not mind. Is it only me or does it look like like some of the comments come
across like coming from brain dead folks? :-P And, if you
are posting at other online social sites, I'd like to follow everything new you have
to post. Would you list all of your communal sites like your Facebook
page, twitter feed, or linkedin profile?

This piece of writing will assist the internet users for creating new web site or even a blog from start to end.

I'm truly enjoying the design and layout оf your website.
It's a very easy on the eyes which makes it mucһ more enjoyable for mee to come here and vіusit more often. Did you
hire out a designer to cteate your theme? Outstanding work!

I'd like to thank you for the efforts you have put in writing this site.
I really hope to see the same high-grade content by you later on as well.
In fact, your creative writing abilities has inspired me to get my very own website now
;)

There's definately a lot to learn about this topic. I really like all the points you have made.

I really like your blog.. very nice colors & theme.
Did you design this website yourself or did
you hire someone to do it for you? Plz answer back as I'm looking to create my own blog
and would like to know where u got this from. many thanks