[Hack] How to Post Larger (HQ) Images inwards Blogger Posts

This postal service explains how to postal service extra large images inwards blogger posts:-

This is 1 of the most wanted blogger hacks, which makes it possible to postal service large size pictures inwards blogger posts.
Normally, If y’all upload a large epitome to blogger(with large pollex size selected), it volition automatically resize it together with and hence postal service it every bit thumbnail . But, the epitome lineament of the resized epitome is really poor. So, to brand the epitome await to a greater extent than build clean together with sharper, this fox volition come upward handy.

Normally Uploaded Image: (with large thumbnail selected)

This postal service explains how to postal service extra large images inwards blogger posts [Hack] How to Post Larger (HQ) Images inwards Blogger Posts
Image later applying the hack:

This postal service explains how to postal service extra large images inwards blogger posts [Hack] How to Post Larger (HQ) Images inwards Blogger Posts

So, lets larn how to practise this..

1.First, calculate how much epitome size(large) y’all desire to display ( normally, its only a fleck less than your top dog trunk width). Suppose, accept this spider web log every bit an example, the top dog trunk width is virtually 570px. So, the maximum width to postal service a large epitome is 570px. But, to brand the epitome looks nice, nosotros cause got to give only about padding to it.so,choose the width which is a fleck less than the postal service trunk width.. similar 560px.

Now, Go to Layout ยป Edit html

Find this

]]></b:skin>

Add this earlier that line:


img {
max-width: 560px;
width: expression(this.width > 560 ? 560: true);
}

Change the value inwards carmine depending on the previous step.

Note: Do banking concern tally if y’all cause got the img{ tag already inwards your template. If its there, only add together the additional twain of lines to it.


max-width: 560px;
width: expression(this.width > 560 ? 560: true);

Save the changes.

2. Now, land doing your posts, upload the images commonly similar y’all did previously. Once the epitome is uploaded, become to Edit html tab, together with the epitome code volition await something similar this


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px automobile 10px; display: block; text-align: center; cursor: pointer; width: 280px; height: 400px;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s400/megan+fox.jpg" alt="This postal service explains how to postal service extra large images inwards blogger posts [Hack] How to Post Larger (HQ) Images inwards Blogger Posts" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>

All y’all cause got to practise is Just take away that bolded text (width together with operate past times attributes) together with supersede s400 to s800.

So, the terminal code looks similar this


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s1600-h/megan+fox.jpg"><img style="margin: 0px automobile 10px; display: block; text-align: center; cursor: pointer;" src="http://4.bp.blogspot.com/_Toi-rh0Nm00/Sj_K-nCkxWI/AAAAAAAADbg/8QRq-hHP4xM/s800/megan+fox.jpg" alt="This postal service explains how to postal service extra large images inwards blogger posts [Hack] How to Post Larger (HQ) Images inwards Blogger Posts" id="BLOGGER_PHOTO_ID_5350218059319919970" border="0" /></a>

Done! Now, your uploaded epitome volition await large inwards the post.


Sumber http://www.bloggertricks.com