Be my fan on FacebookNew blog header: how did I make it
During the weekend I played with the blog header.
In my opinion bloggers understimate the power of a rich header, and in most cases you will see only the blog title and description.
I am going to show you what I did on my header, why I did it and how can you do it on your own.
Pages first
The first thing included in the header is the navbar with blog pages. Having the pages in the very top of your blog will give it a more “corporate” look.
To list your pages, use wp_list_pages WP function.
You can find a brief explaination about it in Customizing WordPress header or in the official docs.
Logo
Now that I have a logo, it’s time to use it…
Categories
Then I wanted to display categories in the header, and I used Multi Column Category List Plugin for WordPress to split them into three columns.
I also modified a bit the plugin to show how many posts have been written for each category.
Gallery
The last thing I added was a slideshow showing my latest projects. I used SlideShowPro that isn’t free but has a lot of features and is made with Flash, that means no frameworks/complex javascripts required.
It’s also fully XML driven, that means it’s easy to configure.
If you are looking for a good free alternative, check JonDesign’s SmoothGallery, that uses MooTools.
And this is the result…
… an header that’s not the “image-title-description” you are used to see in WP themes.
During the next days I will redesign the rest of the blog, to make its contents as much accessible as I can.
(2 votes, average: 5.00 out of 5)
Loading ...You will be pleasantly surprised by WordPress Themes provided by Template Monster. All of them are of professional design and high quality.
10 Responses to “New blog header: how did I make it”
Leave a Reply
- Get up to $100,000 for your next Flash game with Mochi GAME Developer Fund
- Create a dynamic content animated footer ad for your site in just 9 jQuery lines – 17 lines version
- Sell sitelocked version of your Flash games and even .fla sources to Free Online Games
- Protect your work from ActionScript code theft with SWF Protector
- Create a dynamic content animated footer ad for your site in just 9 jQuery lines
- Understanding Box2D’s one-way platforms, aka CLOUDS
- Triqui MochiAds Arcade plugin for WordPress upgraded to 1.2
- Box2D Flash game creation tutorial – part 2
- 11 Flash isometric engines you can use in your games
- Monetize your Flash games with GamesChart
- Create a Lightbox effect only with CSS - no javascript needed
- Flash game creation tutorial - part 1
- Create a Flash Racing Game Tutorial
- Flash game creation tutorial - part 2
- Make a Flash game like Flash Element Tower Defense - Part 2
- Flash game creation tutorial - part 3
- Make a Flash game like Flash Element Tower Defense - Part 1
- Create a flash draw game like Line Rider or others - part 1
- Triqui MochiAds Arcade plugin for WordPress official page
- Create a flash artillery game - step 1
- Flash game creation tutorial – part 5.2 (4.88/5)
- Create a flash artillery game – step 1 (4.79/5)
- Create a Flash Racing Game Tutorial (4.76/5)
- Create a flash artillery game – step 2 (4.74/5)
- Create a survival horror game in Flash tutorial – part 1 (4.73/5)
- Creation of a Flash arcade site using WordPress – step 2 (4.73/5)
- Flash game creation tutorial – part 2 (4.71/5)
- Flash game creation tutorial – part 1 (4.70/5)
- Create a flash draw game like Line Rider or others – part 1 (4.69/5)
- Creation of a platform game with Flash – step 2 (4.68/5)
Like it, The logo looks better than the first time I saw it :D I still thing looks like a woman maybe modify it a little bit…
The categories and the projects looks nice.
On a laptop screen, that header takes up a noticable amount of real estate. Plus, all of those space-filling links which users might not need or want would be better suited to the side in my opinion…
I can’t wait to see the full redesign :)
I like the new header!
This logo of yours makes you looks like a girl
The New header is really Awesome.
First when I saw your new logo I thought : He’s Ferrari fan!!! ;)
This is really cool. But add more stuff to the slide show and remove the useless links from the list.
Your logo is gay… Sorry, but I’m just being honest.
Header is great, logo not so. Cut the head off and it’ll be fine.
Also, everything in this page is like half a screen to the right… And on the left, blank.
Indeed a very nice header…