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. [...]

Following on from parts 1, 2 and 3 we shall now start looking into image hovering. By this I mean what happens to an image when you hover over it for instances where you may have placed and image for a link within post content.

We shall investigate how to code for such events and after that I will provide some nice border hover effects I’ve found over the last year for you to implement with ease onto your site. [...]

Blog2Life is proud to announce the release of Word Press’d.. Blog2Life’s first free Wordpress theme release.

Overview

Word Press’d aims to give Wordpress users around the world the chance to make their blog look similar to the highly anticipated Wordpress Admin Theme release with version 2.5.

The theme tries to incorporate the best parts of the Admin theme while at the same time add customisability, compatibility and suitable to serve as a blog template while at the same time be visually attractive and have a light quick loading framework.

We feel that Word Press’d meets all these criteria.. [...]

Now you’ve got a grasp of what’s going on with the coding and classes with the explanations from Part 1 and Part 2, I’ve taken the time to create some nice looking styled images for you!

All that is required of you is to insert code to your .css file and add a few classes to your image (as covered in Part 2). Yes, it really is that simple!

Example 1

This one is a simple yet elegant 1px border with padding and margins

Classes:

.imagestyle {margin:0 8px 8px 8px; padding:4px; border:1px solid #cccccc;}
.floatleft {float:left;}
.floatright {float:right;}

Image:

class=”imagestyle floatleft”   OR
class=”imagestyle floatright”

[...]

Hello!

I’d first like to apologise for the lack of content on the site in the last week, but life’s been busy.. but on that note we’ve been working hard on our first free Wordpress theme release!

Yes! It’s taken about a week and a half of almost solid designing and coding but the final peices are coming together..

I’d love to post some mini teaser screen shots of the theme for you to ponder in excitement over, but I’m trying to keep the design itself quite secret until it’s launch, as we hope we are the first to make a theme in this style!

Thanks for your patience and we hope to be bringing you a brand new free wordpress theme in the next couple of days..

I cant wait!

Now we’ve got the hang of the image code and how to add styling to individual images from Part 1 we shall now move on to look at how to style images in a more efficient way and help you reduce errors in your coding.

Our Aim

The image displayed on the right is what we are aiming to achieve in this part of the series. To do this we will be using classes

This tutorial will give your images a nice bordered effect to your images which is found quite widely over the internet. The style makes use of margins, padding and thin border.. as you can see. [...]

Here at blog2life I like to set targets to aim towards when it comes to getting new readers, visitors and getting them to stay.

As B2L still has that “new out the packet” smell I am going to set a few small targets to aim for over the next few weeks and I shall be keeping you informed of how I have reached those targets (when I’ve reached them..

The Targets

1. To get 1000 Visitors Per Week (Not Unique)
2. To get a pages/visit of at least 2 (weekly average)
3. To get visitors to stay on B2L for more than 2 minutes
4. To get a bounce rate of under 60%

As you can see some of the targets are more demanding than others, but I hope to acheive them over the next 3-4 weeks and to benefit those that follow this blog I will be posting detailed articles on how each of the targets was tackled and over come.

We hope to see you back soon!