Blogger Tips
In this tutorial you will learn how to increase the displayed size of the images you upload to your Blogger Blogspot blog by entering your own dimensions. This is a very easy trick requiring no change to your Blogger template. It is suitable for anyone from beginner to advanced users.
By default Blogger has three image settings: small, medium and large. Your uploaded images are scaled down to fit these standard Blogger sizes. If your image is larger than the maximum 400 pixels in width and 300 in height it is still scaled down to 400x300px. If you want to override these settings you can by manually changing the dimensions of the height and width of the uploaded image.
To Make Uploaded Images in Blogger Bigger
1. Log in to Blogger if not already logged in.
2. Go to Posting > Create Post or if you want to edit an image already posted go to Posting > Edit Post
3. Upload your chosen image or if you are editing your post identify the image you want to change
4. Switch from Compose to Edit HTML which will allow you to see the HTML code of your post
5. Find the code block for the image you wish to change. Look for the code that begins <img> tag beginning <img style>. For example for the following image:
This code will display the image in a Blogger post at the large size - 400x300.
6. To change the 400x300 dimensions it is simply a matter of changing the values to whatever you wish. Make sure you keep the proportions of the image otherwise it will not display correctly. For example to increase the image size displayed by 25% you would change the dimensions to 500x375:
7. Click the Preview button and you will be able to check your image before publishing
8. Once you are satisfied click on the Publish Post button
9. Click View Blog to see your image displayed with your user defined proportions
Summary
At sometime you may want to display an image on your Blogger Blogspot blog that is bigger than the maximum default size of 400x300 pixels. This tutorial has shown you how to change the height and width values of the image in Blogger so you can override the default dimensions.
Subscribe to Blogspot Blogger Guide by Email
- Upload Images And Get The Url Of The Image
As each day there are lots of new users joining the world of blogging, it's good to know about some basic topics that would raise some recurring questions such as how we could get the URL of an image? There are many both free as well as paid web hosting...
- Css Basics. How To Apply Rounded Corners On Images #2
In the previous post I have mentioned that we will learn about how to create rounded images using CSS, without needing to edit them one by one using a program. Now that we have seen the basics of CSS, let's try to apply it on some pictures. What we...
- How To Change Avatar Size In Blogger Comments
This simple trick will help you modify the avatars size in Blogger comments whose default size is of 36px... pretty small considering that a lot of sites these days are using much larger avatars. To change the style and size of avatars is very easy -...
- How To Remove The Link From A Single Image In Blogger
By default Blogger creates a link to the image whenever an image is uploaded to a Blogger post. Sometimes, however, you might want to remove the link to prevent the image from being clickable. A common reason would be to safeguard your image. If you are...
- Blogger Post Image Borders Change Or Remove
Sometimes you may want to remove, delete or change the image border of a custom Blogger template or default Blogger template (Blogspot template). In this Blogger tutorial you will learn how easy it is to make changes to your template so that you can get...
Blogger Tips
Increase Image Size Blogger Blogspot Blog
In this tutorial you will learn how to increase the displayed size of the images you upload to your Blogger Blogspot blog by entering your own dimensions. This is a very easy trick requiring no change to your Blogger template. It is suitable for anyone from beginner to advanced users.
By default Blogger has three image settings: small, medium and large. Your uploaded images are scaled down to fit these standard Blogger sizes. If your image is larger than the maximum 400 pixels in width and 300 in height it is still scaled down to 400x300px. If you want to override these settings you can by manually changing the dimensions of the height and width of the uploaded image.
To Make Uploaded Images in Blogger Bigger
1. Log in to Blogger if not already logged in.
2. Go to Posting > Create Post or if you want to edit an image already posted go to Posting > Edit Post
3. Upload your chosen image or if you are editing your post identify the image you want to change
4. Switch from Compose to Edit HTML which will allow you to see the HTML code of your post
5. Find the code block for the image you wish to change. Look for the code that begins <img> tag beginning <img style>. For example for the following image:
img #ff6600">400px; height: 300px;" src="http://3.bp.blogspot.com/_vLeiVavkV_M/SjMKOjXnmYI/XXXXXXXXX/Ra0BizPIDsc/s400/twitter123.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5346628427747662210" />
This code will display the image in a Blogger post at the large size - 400x300.
6. To change the 400x300 dimensions it is simply a matter of changing the values to whatever you wish. Make sure you keep the proportions of the image otherwise it will not display correctly. For example to increase the image size displayed by 25% you would change the dimensions to 500x375:
img #ff6600">500px; height: 375px;" src="http://3.bp.blogspot.com/_vLeiVavkV_M/SjMKOjXnmYI/XXXXXXXXX/Ra0BizPIDsc/s400/twitter123.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5346628427747662210" />
7. Click the Preview button and you will be able to check your image before publishing
8. Once you are satisfied click on the Publish Post button
9. Click View Blog to see your image displayed with your user defined proportions
Summary
At sometime you may want to display an image on your Blogger Blogspot blog that is bigger than the maximum default size of 400x300 pixels. This tutorial has shown you how to change the height and width values of the image in Blogger so you can override the default dimensions.
Subscribe to Blogspot Blogger Guide by Email
- Upload Images And Get The Url Of The Image
As each day there are lots of new users joining the world of blogging, it's good to know about some basic topics that would raise some recurring questions such as how we could get the URL of an image? There are many both free as well as paid web hosting...
- Css Basics. How To Apply Rounded Corners On Images #2
In the previous post I have mentioned that we will learn about how to create rounded images using CSS, without needing to edit them one by one using a program. Now that we have seen the basics of CSS, let's try to apply it on some pictures. What we...
- How To Change Avatar Size In Blogger Comments
This simple trick will help you modify the avatars size in Blogger comments whose default size is of 36px... pretty small considering that a lot of sites these days are using much larger avatars. To change the style and size of avatars is very easy -...
- How To Remove The Link From A Single Image In Blogger
By default Blogger creates a link to the image whenever an image is uploaded to a Blogger post. Sometimes, however, you might want to remove the link to prevent the image from being clickable. A common reason would be to safeguard your image. If you are...
- Blogger Post Image Borders Change Or Remove
Sometimes you may want to remove, delete or change the image border of a custom Blogger template or default Blogger template (Blogspot template). In this Blogger tutorial you will learn how easy it is to make changes to your template so that you can get...