Blog2Life » How To Style Post Images (4 Part Series)

How To Style Post Images (4 Part Series)

27th June 2008

Blog2Life offers a complete series of posts with an in-depth look into styling post images. The 4 part series covers all area’s of image styling from padding images to prevent text touching images, through margins and borders.. right the way up to link hovering effects.

We cover all the coding skills required to get your images looking perfect, the coding techniques we use are all HTML and CSS (Cascade Styling Sheet) based. If those meant nothing to you don’t worry we more through each of the stages step by step explaining everything along the way.

And if that wasn’t enough for you we also offer some great styling techniques for you to just simple copy and paste into your own website code for easy implementation and use.

This is a four part series as follows..

Remember: Nobody else knows how much you know, so don’t be embarrassed if you have to start from part 1. We all have to start there one day and if you just jump in to the more advanced stuff you may not fully understand what’s going on which can be very confusing.

Part 1 (Beginners)

In part 1 we look at the <img> code and look at styling images from within the image code. This part is for those new to coding and for those that are new to CSS styling as we cover some basic styles. This part also looks at several major mistakes made by a large number of bloggers and some easy steps to avoid them. Go to Part 1

Part 2 (Intermediate)

For those acquainted with images and CSS styles but not familiar with CSS classes. We look at what a class is why we use it and more importantly how we use it. (This part includes template editing). Go to Part 2

Part 3 (Intermediate)

This part follows on from part 2 and covers several of the popular styling techniques found around the web and of those covered we’ve made it easy for you to implement them onto your site. All you need to do is browse the selection and copy and paste the code (which is explained in part 2). Go to Part 3

Part 4 (Advanced)

Part 4 covers image links and hovering styles. In this part we look at styling images so that they change when they are hovered. This is for advanced CSS and HTML users or for those that have read previous part relative to their knowledge. Go to Part 4

Thanks for reading and we hope this short series helps you get those images looking sweet!

Best of luck