Easily Resize your Blog Images with ResizeIt

Monday, September 3, 2012

Resizeit Resize automatically how to blogger change size of images photos make fit in blog editing

ResizeIt allows you to easily change the size of multiple images and convert to a different format. This quick and easy tool is perfect for bloggers, think of the amount of photos you edit on a weekly basis.

Launch the App, pick your photos and simply choose your resize options. You can use it with your Macs Autometer to automatically resize images, instructions for this is in the manual of the App. Some people have complained about the new update, but I haven't noticed a difference. I think it's something to try anyways, if you like to have your images a certain size but hate spending time editing each one. I'd recommend giving it a go. ResizeIt is available for Macs on the App Store.

Missedesign has moved to xomisse - find more blog tips and tutorials there.

Change Blog Width Beyond 1000px

Todays tutorial is the answer to a question I've seen around a lot. How to change the width of your entire blog past the max allowed by the new blogger template designer. It's really simple.

The new blogger template designer has made it really easy to adjust the layout of your blog without having to mess with html, all you have to do is sign into Dashboard, click Design > Template Designer > Adjust Widths.

But the max blog width allowed is 1000px wide. Alter it how you like and click Apply to Blog to save. However, if you wish to change it more than this, Click Back to Blogger > Design > Edit HTML.

Note

When changing the width, keep in mind that people visiting your blog are using different computers and browsers, of all different sizes. You may want to check your blog on a few different browsers and computer screen sizes to make sure it looks ok.

First thing first, click Download Full Template. This is for backup, incase something goes wrong. It is always a good idea to backup your design before altering anything.

More than 1000px

Search for <b:template-skin>

If you press CTRL & F (Or CMD & F on MAC) on your keyboard you can search for this term.

You'l see something similar to the following

<b:template-skin>

<b:variable default='930px' name='content.width' type='length' value='1000px'/>

<b:variable default='0' name='main.column.left.width' type='length' value='0px'/>

<b:variable default='360px' name='main.column.right.width' type='length' value='260px'/>

To change the overall width, change 1000px and to alter your sidebar change whats in green. There you have it, a wider blog layout.

Add LinkWithin to Blog

Saturday, September 1, 2012

LinkWithin is a realy handy widget to have installed on your blog. It shows stories (previous posts) at the end of each blog post that you publish. This helps to navigate people around your blog, making them stay longer. When they finish reading your newest post, they might see something interesting and click on it to read. Setting up LinkWithin is really easy and almost automatic.

First thing you need to do is head over to LinkWithin here, Fill in your details in the box that appears and follow the online instructions (click "Instal Widget" in point 1). After selecting your blog, it will ask you to name & save ("Add Widget").

Usually, it will appear on the top of your sidebar, either right or left. Move it to under your blog posts gadget, like I show in the following photos.

Now you will see something similar to this image beneath each post. They tend to be similar topics. Make sure to use an image in your blog posts, as this will catch the readers attention.

A new alternative is nRelate, read about it here.