Rachel has been asking some interesting questions about Time Stamps on blogs in an attempt to de-clutter them.
I think it could be an interesting discussion so head over and have your say.
The following post is part 2 (of 3) of a series of guest posts on the topic of Blog Design – written by blog designer, Peter Flaschner from Blog Studio.
So, ready? Excellent. For today’s lesson, you’ll need your graphics editor (Photoshop, Illustrator, Freehand, Gimp, etc), an ftp program to upload files to your server, and a pencil and paper.
I’m going to gloss over a whole bunch of technical stuff here. The point of this post is not so much to teach you how to write html as it is to give you an insight into the process we use to design and build blogs.
Step 1: Plan the attack
Let’s take a look at the design I whipped up:
The following post was submitted by Duncan Riley from the Blog Herald, Weblog Empire and b5media. I asked Duncan to explore the topic of using Images on Blogs. I think you’ll agree that his article below is a very comprehensive exploration of the topic which I hope you will find helpful .
Any good blogger will tell you that images and imagery are vitally important in the development and rise of any good blog, but they are often also quite often the most frustrating, annoying and time consuming aspect of any blogs life as well. None the less its important that you know about them
Types of Images
For ease of use I’ll categorize images on your blog into two categories: design imagery and content imagery. Naturally design imagery incorporates any images you may wish to use in the design of your blog, be that in the header, sidebar or footer. Comment imagery is photos and images you post as part of, or exclusively as a post to your blog. It’s important to understand the differences between the two because although we will be covering a lot of common ground in dealing with both types of images, there are also some separate consideration as well.
Some new blogging tools (such as Performancing for Firefox) allow you to drag and drop images you see on websites and other blogs into your posts, however they serve this image from the source, and that’s generally considered very poor form by most bloggers. You are going to need to be able to save, copy and edit any images you want to use. To do this I would recommend that you consider using Image Manipulation software to give you the freedom to do as you please to your images.
Free vs Paid
Personally I use Adobe Photoshop for all my image editing needs, however, particularly when you are starting out, it would be not dissimilar to learning to drive on a brand new Ferrari. Photoshop is the industry standard image manipulation tool in professional business and is available on Mac and PC, but it’s not a cheap option. Personally I don’t use the latest version of Photoshop because I’m happy with the slightly older version I use as it does everything I could ever want it to (and a whole lot more). You can pick up older versions Photoshop at places like eBay second hand if you can’t afford to buy an new copy off the shelf.
Other commercial programs that are available include Corel Draw and Paint Shop Pro.
If you don’t want to spend money on image editing software though I’d highly recommend downloading The Gimp, which is available for PC, Mac and Linux. It’s a fully fledged Open Source (free) image software package that many claim is as powerful as Photoshop.
There has been a bit of talk in the last few days about the need for new ways of formatting blogs.
Michael Parekh talks On Blogs Stuck in a Rut:
‘I’ve long wondered how great it would be if my current blogging platform Typepad (a part of Six Apart) or someone else like Google’s Blogger, WordPress etc., offered more flexible and alternative ways to present content in different forms within the same blog. In many ways, the blogging platforms companies have offered blogging templates that have essentially been frozen in time since blogs were first conceived…. For instance, why can’t we have a blog template with the ability to have multiple tabbed pages?’
Jeff at BuzzMachine suggests that it is Time to blow up blogs:
‘Blogs have already become prisoners of their format. Time to light some dynamite…. The problem isn’t the tools, it’s the templates. Blogging tools are merely content management systems without the million-dollar consultants and bills; that’s what I’m telling newspaper folks who complain that it’s hard to put content online. Templates let you format or unformat your stuff however you like and also include stuff of any medium. I’d love to see more clever examples of templates.’
My own reaction is that while most blogs seem to be doing much the same thing as each other there are many blogs doing interesting things with their templates. Most of them are on non hosted options like WordPress, MovableType and Drupal but really the sky is the limit when it comes to creative formats for blogs.
The following post is a guest post from the very talented blog designer, Peter Flaschner, as part of the blogging for beginners series.
Hi all. I’m Peter Flaschner, the founder and creative dictator at The Blog Studio. I’m going to walk you through the process we go through when designing a blog or other website. This is part one of two. When we’re done, we’ll have a super flexible WordPress theme perfect for anyone looking to make a buck with a blog.
Design can add tremendous value to a blog. When it comes to making money with your blog, proper web design can make a huge impact on your bottom line. For some reason, I get a lot of resistance when I say this. I think it has to do with one’s perceived definition of design. The typical response I get is ‘ugly sites do well with adsense’. That may very well be true. I bet though, that those same sites would do even better with proper design.
Before we get into this, I need to dispel one further myth: design is not about making things pretty. It’s about making things work to their best ability. Let me quote from dictionary.com:
So, without further ado, let’s design a site. Here’s what we’re going to need: pencil, paper, and a graphics editor (such as Photoshop, Illustrator, Freehand, or Gimp).
We’re going to start by collecting a bunch of information. I know the instinct is to jump straight into your drawing program and start messing around, but it’s not the best approach. You’ll see why as we move through this.
Yesterday I had an email from Jim Logan that contains a tip that I’m sure some will find helpful. Jim has kindly given me permission to publish it here:
I discovered something on my site that your readers may find of interest. Recently I changed the template of my blog, nothing exciting there, but in the change I added a module that put the name and link to my five most recent posts at the top of every page. Here is an example.
What are interesting are that almost overnight my page views per visitor and number of ad impressions increased by nearly 50%. Likewise, my Yahoo! ad revenue doubled. My site supports my consulting work and as such I don’t post for ad revenue, but I can’t deny seeing the Yahoo! ad revenue double – even as small as it is – is exciting.
What I believe I unwittingly did is offer readers something to click to after they read whatever they came to the site to see. The module with the five latest posts has clearly increased my page views and appears to have increased my ad revenue as well.
Jim went on in his next email to me to write:
Smiley Cat has put together a great idea over at their Comment Design Showcase.
The page is a collection of screen caps from some beautifully designed comments sections which each link back to the blogs that they are from.
It’s great to see them all side by side like that.
BlogSEO has posted an interesting list titled 10 Must-Have Things That Should be on Your Blog’s Side Bar which I’m certain will cause some debate among ProBlogger readers.
As I look down the list there are some I strongly agree with and others which I have a personal aversion to. Here’s their list headers with a few comments with my own opinion in brackets after each:
As you can see, a sidebar is a pretty personal thing. Some people choose to have two (or even occasionally three) of them to fit more features in and an increasing amount of bloggers are experimenting with blogs without sidebars altogether and are instead incorporating their ‘must haves’ into their footers, horizontal menus and headers (in fact big footers seem to be very popular at the moment).
Other ‘essentials’ that some bloggers include in their sidebars include:
I love it when bloggers get on a ‘hot streak’ with their blogs and write multiple link worthy posts in a short period of time. Rachel’s blog is hot right now in my opinion (I seem to be linking to her a lot) and today she’s written an interesting post on Improving the readability of large numbers of comments which is full of ideas, plugins and suggestions to consider to improve the functionality of your comments section (especially if it’s pretty active). You wouldn’t want to implement all 10 of her suggestions but there are some great suggestions there. Here’s her headings (with more written under each point):