Home
Solutions
Technology

Image Not Appearing In my Blog Thumbnail :Blogger

ABOUT BLOGGER:

Blogger is an American online content management system (CMS) that enables multi-user blogs with time-stamped entries. Pyra Labs developed it before being acquired by Google in 2003. Google hosts the blogs, which can be accessed through a subdomain of blogspot.com. Blogs can also be accessed from a user-owned custom domain (such as www.example.com) by using DNS facilities to direct a domain to Google's servers. A user can have up to 100 blogs or websites per account.

Google Blogger also enabled users to publish blogs and websites to their own web hosting server via FTP until May 1, 2010. All such blogs and websites had to be redirected to a blogspot.com subdomain or point their own domain to Google's servers via DNS. Google Blogger has a wide international user base and is available in more than 60 languages, despite its decline in popularity in the United States.



Blogger is the platform that provides us to create a dashing blog. Since we are able to add our own format and modify it rather than applying the font and attributes limited only to bloggers we face several kinds of problems causing us headaches and making us compelled to use other platforms for designing for the blog. Since we can find many headache-casing problems and blogs we brought you the best solutions for it.

Mostly we face problems like the thumbnails not appearing in our blog. This problem is just a headache for new bloggers and so, was for me. So, today based on my experience and problem-solving techniques, I am gonna share all the possible solutions for you all.
SOLUTION:

1. Use images of 1920x990 pixels of the image.

2. Don't upload images by link try to download them and rather attach them from your computer. 

3. Try to upload landscape images.

IF THE SOLUTION FAILS TO SOLVE YOUR REQUIREMENT TRY THE SOLUTION BELOW...

1st solution: First upload your image in the blogger and then copy your image link from HTML view and then paste this code shown below.....and then copy the code below and paste it as given below I hope it simply solves your problems
<! -- Copy this code and replace the link from the code given below -->
<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-OKiMK3RGFZKpLGCHTPHgMPoT4hvO9vu-t8861OgCa4yxynOckFpRMlGp01CfbfbRWblz1Qb6ZYC2kzqzNzijWwSZIddnTdLZv_hyphenhyphen0GQuwybOArbvVZDl2tav-0VYBeLtyoI0iUDH5gD/s1056/shutterstock-654844426.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="575" data-original-width="1056" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-OKiMK3RGFZKpLGCHTPHgMPoT4hvO9vu-t8861OgCa4yxynOckFpRMlGp01CfbfbRWblz1Qb6ZYC2kzqzNzijWwSZIddnTdLZv_hyphenhyphen0GQuwybOArbvVZDl2tav-0VYBeLtyoI0iUDH5gD/s16000/shutterstock-654844426.jpg" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><span style="color: #04ff00;"><div class="separator" style="clear: both; text-align: center;"><br /></div></span><p></p><div class="separator" style="clear: both; text-align: center;"><br /></div>

How to change the image source from the given code.

<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-OKiMK3RGFZKpLGCHTPHgMPoT4hvO9vu-t8861OgCa4yxynOckFpRMlGp01CfbfbRWblz1Qb6ZYC2kzqzNzijWwSZIddnTdLZv_hyphenhyphen0GQuwybOArbvVZDl2tav-0VYBeLtyoI0iUDH5gD/s1056/shutterstock-654844426.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="575" data-original-width="1056" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic-OKiMK3RGFZKpLGCHTPHgMPoT4hvO9vu-t8861OgCa4yxynOckFpRMlGp01CfbfbRWblz1Qb6ZYC2kzqzNzijWwSZIddnTdLZv_hyphenhyphen0GQuwybOArbvVZDl2tav-0VYBeLtyoI0iUDH5gD/s16000/shutterstock-654844426.jpg" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><span style="color: #04ff00;"><div class="separator" style="clear: both; text-align: center;"><br /></div></span><p></p><div class="separator" style="clear: both; text-align: center;"><br /></div>

How to get the source of the image:
  • First thing first, upload the image to the blogger.
  • Then go to, HTML edit section.
  • And then copy the link of the image that looks like this -- https://1.bp.blogspot.com/-yourpicture.png.
  • Piece of Cake Quill.

I hope it did fulfill your requirement. If you had or have any problems regarding blogger. Please, don't hesitate to contact me. You can contact me from the contact me section present in the header or the footer on the home page or this page itself.
See Also :

Post a Comment