How to Customize Blogger Thumbnail Sizes

Written by liana thomas
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Customize Blogger Thumbnail Sizes
Bloggers can share their thoughts on the Internet. (Jupiterimages/ Images)

Blogger is an online program in Google that allows people to sign up for an account on the Blogger website and create a personal blog. When a person makes a blog on the website, they also have the option of uploading a photograph to their blog. The photograph may be a picture of the blog's author or it may be any other picture, so long as the image doesn't violate the terms of the website. The photograph will appear as a thumbnail image on the blog. The size of the thumbnail may be customised and made larger or smaller.

Skill level:

Other People Are Reading


  1. 1

    Click "Dashboard" at the top of the page to go to your dashboard.

  2. 2

    Click "Design" in the list of options below the title of the blog on the dashboard page.

  3. 3

    Click "Edit HTML." This option is located near the top left-hand corner of the screen, within the second row of options below the blog's title.

  4. 4

    Click "Download Full Template" to save a copy of your template before you make any changes to it. This way, if you make a mistake and want to revert back to the way it was before, you will have a saved copy of the previous template.

  5. 5

    Look for the CSS code "</b:skin>" within the body of the template.

  6. 6

    Paste the CSS code ".profile-img{width:Valuepx;height:Valuepx}" directly above the other CSS code. If there is an additional CSS code on top of the other CSS code, then paste the new CSS code in between the two. Within the pasted CSS, change "Value" to the number of pixels that you want in your thumbnail picture. The amount of pixels will determine the size of the picture. The first "Value" in the code will be changed to the picture's desired width. The second "Value" will be changed to the picture's desired height. For example, if you want the thumbnail picture to be 200 pixels wide and 150 pixels tall, then the CSS code will be ".profile-img{width:200px;height:150px}."

  7. 7

    Click the "Save Template" button.

  8. 8

    Click "View Blog" to see the new thumbnail picture on your blog. If it is not the size you want it to be, then return to the "Edit Template" page and change the numbers that you entered into the CSS code.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.