Top Best 50 Blogger & Wordpress Customizations Tips ( Hacks )

Sometimes we like a template, but we would like to change some things. Or to add some things that are not present.
This changes are called "hacks", and they make that our blog fulfills all our needs, and that it becomes unique.

You don't need to be an expert to do this, just copy and paste code where they tell you.

Applying hacks like those in this list, you can have all those visual effects and features that almost everybody wants in his/her blog: rotating images in header, random quotes, social bookmarking buttons, background musics, smilies, 3 columns templates... to name a few.

25 Blogger Hacks

Random background Image, This article gives you the possibility of having a background image for your blog selected randomly between a set on each page reload.

Random Header Banner, This easy but very valuable hack changes the image banner of your header randomly between the ones that you specify, so every time you refresh it, a new image is shown.

Random Quotes In Subheader, You can see this hack in action in its website. When you reload the page, a quote changes. What it does is replace the blog description with the quotes, so it displays different quotes in place of it.


Scrolling Text, This is not specific for Blogger. It is a very easy explanation of the different scrolling text effects, and how to use them, with code to just copy and paste. These effects may also look great combined with others, for example with the random quote.


Image Captions Footer
, How to add a footer to images with a caption that explains what they are.


Convert To 3 Column Template, For turning a blog with one sidebar to one with 2 of them.

Peek A Boo View Of Posts, Another hack by Ramani that shows only the titles of the posts in the Archive, Labels and Search views, and also adds + /- signs to expand or collapse them and read the full post, like happens here in Emma Alvarez Site. This trick increases the navigation of the blog so old posts don't get buried.

Ratings For Posts, Adds ratings with star icons to your blog posts, and also to your FeedBurner RSS feed. This is a way to get feedback from readers that don't use to comment.


A Chat With Google Talk, This article tells how to add Google Talk to your sidebar, so people can chat in your blog. It gives code to paste, or if you don't want it, a button to add it directly.


Selective Expandable Posts, You can choose in each post if you want it fully displayed, or just showing an excerpt and "Read More..."

Tabs, Hoctro is the author of this great customization that makes a menu with tabs to contain the sections of your site. Useful for sites with many contents that can be grouped together, so you get traffic to important old posts too.


Show Labels As Vertical Tabs, Replaces the list of labels with a series of tabs or buttons, like those found in many portals or sites.


Easy Drop Down Menus, Ramani did this easy web tool to add a drop down menu easily to your blog, without having to code anything.

Background Image, An extensive post on how to use an image as background for your blog. Includes all the options explained, for example the static image that doesn't scroll that many people like so much.


Navigation Bar, How to add a horizontal navigation bar with text buttons or images, similar to the one shown here in Emma Alvarez Site.


Favicon, Peter Chen tells how to add a favicon to your blog. It is the icon that is unique for a webpage and appears before the url or title in the browser. It helps to find your blog easier. You can use an ico file or a png. This trick uses both, to ensure it appears on all browsers.


Recent Comments Widget, This trick shows the recent comments that readers wrote in your blog in a widget in the sidebar. You can customize both the number of comments and the comment lines shown. It also helps to promote your readers.

Smilies, Adds smilies to Blogger, so when people type their signs, an icon of the fun yellow faces appears.


Control The Number Of Posts Shown In Labels, This hack can limit or augment the number of posts that will be shown when people click on Older Post or Newer Posts, when people search through your labels.

Search Box, For adding a search box somewhere in your blog, that can be used to search through your articles. Google Bar has one, but if you like, you can add another that is more intuitive for many people.


Social Bookmarking Links, How to add social bookmarking icons to the footer of your posts.


Background Music, Different ways to add music to your blog, that can be played or stopped by your visitors.

Digg Button, Most blogs add a Digg button to their posts, but don't know well how to place it. This article explains the many ways to do it.


AJAX Menu With Effects, This is an advanced trick. You should read this article and the previous to understand it. You should also get this framework and host it somewhere. You can see the hack working on its website. Basically shows a navigable menu to browse through the post Archive without having to reload the page.

Add Page Elements, Sometimes you may need to add more widgets or sections to your sidebars, header or post elements. This post explains how to activate the "Add A Page Element" item and augment the number of items you can add to each section.


25 Wordpress Hacks

Dynamic Slideshow In Header, A demo can be seen here. This makes a slideshow for the header, making your blog interesting and dynamic.

Comments Buble, A graphical hack that displays how many comments you have in a post.


Different Style For Some Posts, This hack makes some posts show a different style, for example, a background color. It is useful to highlight some posts that are important to you, so you ensure they catch the eyes of your readers.

Dynamic Sticky Post, Makes the blog to display 2 types of posts. One is the normal, trivial posts. The other type of posts are those that are more important to you, and you want them displayed on the top of the page (sticky) for a longer time, but not forever (dynamic).

Navigation Bar, Adds a tabbed navigation bar to your Wordpress header.


Images For Categories, Adds images to categories and displays them in posts. Works in blogs with posts belonging to more than one category.


Twitter status
, Display your twitter messages in your Wordpress blog.

Date Buttons, Another good example of graphics that show the date of the posts instead of using just text.


Overlapping Tabs
, Makes Tabs that appear to overlap one over the other, for categories.


Code, Tutorial on how to give code snippets to your readers in a post, and also highlight it so it can be easily distinguished from the normal text. For people that have blogs about programming.

Highlight Your Best Content, This posts explains different ways to highlight your best articles and give them a place in the top using tabs and other things, so they are always seen by visitors.

Show All Your Social Sites Accounts, A web tool that generates the needed code to display links to your accounts in all your social sites.


Thumbnail For Posts, Shows a thumbnail for your posts in the front page, as seen in many digital newspaper sites.


Separate Comments And Trackbacks, Most themes don't separate comments from trackbacks and everything gets very confusing. This article tells you how to do it. As you'll see, the author has done that in his blog, so he got a clean and readable comments section.


Customize Wordpress Login, Customize the login to enter your Wordpress account, so it matches the design of your website.


Add Buttons To The Post Editor, Tutorial that shows how to add new buttons to the post editor.


Images For Dates, Set an image for dates, so they are shown for each day instead of numbers.

Hover Menus, These are menus that are displayed when you move the mouse over something.


Archives Page, Tells you how to create a separated Archives page customized to your needs.

Login In Sidebar, This hack places the login in the sidebar of the main page of your blog. It may be useful for people who like it, or to give your Wordpress site a look similar to a portal.


Link In Title, This is for, when people click the post title, they go to an external site, and not the post. For blog with short posts that link to external resources.

Redirect From The Error 404 Page
, Explains how to redirect people that try to visit a page that doesn't exist (a 404 error page) to the one you like, or your favorite post, or your homepage.

Customize Your 404 Error Page, How to customize the "Page Not Found" error page and turn it into a resource for the visitor to find information.

Accessibility Hacks, A set of hacks to add to your blog so people with disabilities can browse it without problems.

More Wordpress Hacks, If you wanted more, you've got it. Here there are not only a hack but many more hacks for Wordpress.

Creating hacks like these is a hard task that requires a lot of knowledge of web development. Altering a website design is sometimes needed to adapt these hacks to your blog. Some hacks require that you save some script code, and that is something that not all web hosting companies allow.
But don't forget that search engine optimization can also be a very good improvement for your site, and can be considered a way of indirect advertising.

-Emma Alvarez-

© 2008 by Emma Alvarez. Link to this post without copying the text.



Some Related Posts: If you liked this post, subscribe to Emma Alvarez Site
or
give yourself a gift
Stumble Upon Stumble it!
AddThis Social Bookmark Button Add to Technorati Favorites


47 comments:

Schwabe said...

Wow, killer list - these are a ton of good tips. A must read for any Wordpresser

BassCleff said...

x very much for the great tips!

Greeneyezz said...

Emma,

Can I just say...

I think you are Great!!
You are quickly becoming one of my favorite resources for info for ideas for my site. :)

So much in fact that I have added your link to my 'people sites'.

Thanks a bunch for all that you do!

~ZZ

JustCreativeDesign said...

Hey that is a great list :) dugg. Cool blog.

aditya said...

Hello! Thanks for featuring my hacks in your list :)

I just wanted to mention that if you're looking of a Wordpress version of the image caption-izer thingy, I've released a plug-in here which looks much better :)

Good day!

Adi said...

wow..great tips..thanks you very much

LordVader said...

Interesting, thanks.

rohman said...

Hi Emma, thanks for adding my link at your post. you are Great!!

~-=\AoR/=-~ said...

Greetings from Germany!

Thank you very much for this very helpful list of hacks. I was looking for something like this since I start to blog. Now I'm able to modify my Blog with some of these interesting features.

With thankful wishes,
AoR

Jeff Caylor said...

Nice list. Thanks for the research!

Blogging Squared said...

Excellent list!

Looking forward to the upcoming WordPress marketplace where developers can start offering their work to larger audiences.

C Karki said...

Wowie! I am a beginner that just posted the first first post of a brand-new blog ( click here to have a look ) Thank you so much for the time you spent on those excellent hacks.

Milton Ramirez said...

Great work. My personal experience tell me that you spent enought time building up that collection.

Feel free to check out ours: Blogger Templates

Emma Alvarez said...

Thank you all, you are all great!!!

Hi Tonnet, yes it takes a big time and work to make posts like this.

Thanks to the hard work spent in writing all the posts, this site is becoming a reference, linked form many sites.

But the counterpart of this is that it generates some problems. Some people copy and paste my content.

So then, I have the other hard work to fight againts copiers that argue that it's good to copy people's articles and paste them in their blogs.

This is a stupid thing, as if I for example, copied the articles of Lifehacker, you'll end going there and forgetting about me.

Those people also loose the confidence of everyone, and their reputation, as they appear as simple pirates or thieves.

To have an important site that has the confidence of readers, one must be a very sincere person and post your own content.

The easy success doesn't exist.

But I also have something that these pirates will never have: so great readers as I have, that help the others, that make intelligent comments, and are a formidable support for me.

Thank you all my readers.

bokjae said...

Hi emma, thanks for all the hard work to put all these fantastic tips! Appreciate!

Emma Alvarez said...

Thank you Bokjae, how nice friends you are :)

The Constant Skeptic said...

great list, thank you.. i have implemented some of these on my site.

Paul Sanderson said...

Hi have started a site that you could be interested in using to share and promote your work. Its http://www.wscoop.com it is basically a digg styled site solely dedicated to quality web design and development links/articles.

Have a look see what you think, if you could some post links/articles that would be absolutely fantastic.

Thanks Paul

Emma Alvarez said...

Thank you all.
Paul, I've seen that you have a culture section in your site. I think that section is very positive, because in the Internet there are too few places where to post culture and it's something that many people are interested into.
When I started this blog nobody thought that I could go well. Actually, the topics of blogs are too uniform. And there's many people interested in culture, as one can see in TV, books, magazines... But there's the need that culture becomes entertaining in Internet. There's too much bizarre things, and too little information.
For example, and talking about one of the last posts of this week, I think that the life of Rasputin is much more interesting than Paris Hilton's. And of course, much more valuable of knowing it.
Thank you again for creating that section.

Mark Antony said...

Some very useful tips, Emma. I'm sure David is well pleased his website logo is shown on the wordpress log in tip :))

You clearly put a lot of time and thought into your posts, I respect you for that. Have a great weekend. Mark.

Emma Alvarez said...

Yes, David did an excellent hack. Thank you Mark :)

Herbert Wong said...

This is a very good list of tips and tricks. Found a couple of enhancements that I always wanted but do not know or have the time to google for. Thanks.

$nitch $eeker said...

Very Niceee...
Mind blowing tips..

Joaquin Estrada-Montalvan said...

Emma i was "buscando" some like it for a while, your blog is great

thanks for share your talent

saludos

Joaquin

Y. Woodman Brown said...

I've really had a look at this site.  It's gorgeous!  So I followed the links to your other sites…and I mean, Que Bueno!

Your art-work is spiritual creativity, your graphic-design…well, it's masterful.  Not only can you turn blog templates into easy to navigate, eye-catching pages—but your ability to effectively merge the commercial into your creativity without alienating the art-appreciative viewer…

Don't sell your talent to a corporation…quite obviously you'll be able to make it on your own creative terms.

Anonymous said...

Great tips! great Info!

Vote My Thumb said...

Hi Emma,

I appreciate your kindness in sharing these tips. Thank you very much.

I went over your site. Appreciated. It's so amazing, lots of beautiful works and very informative. You're great. You made me say WOW to your work.

Milan Chheda. said...

Thats an awesome collection of all the useful blogger and wordpress hacks..A wonderful post including useful tips for blogging.I really appreciate your hardwork behind this post..Especially this post because you have all included all the wonderful tips in a single post which i have never seen in any other blogs.

Pino l'Astuto said...

graaaaaaaaaaaaaaaaazieeeeeeeeeeeeeeeeeeeee! YOURE MITIC!!!!

Enrico|Eidolon64 said...

Excelent tips. These are very useful for me! Thanks a lot! (and sorry for my bad english! :D)

IPL Reports said...

This is very usefull.

awii9667 said...

Wow! to get tips

SBK said...

Very Nice and Informative

Lisa Beers said...

This is a really terrific post! I've seen loads of posts about "top ten" plugins, but you've unearthed some totally unique stuff that is very very helpful. THANKS for sharing this!

Premium Wordpress Theme said...

Great list. Very Helpful

Bang Kritikus said...

Thanks for your tips Ema.

Anonymous said...

Great List! I really like the unique customizations or "hacks" that you have here. I have another great Blogger customization tutorial to suggest, "How to Create a Simple Menu Bar in Blogger, No Coding Necessary" at http://ginismagic.blogspot.com/2008/12/how-to-create-simple-menu-bar-in.html

Sid said...

nice list for me ..thanks

Sid said...

nice list of "hacks" really good collections

aggywanda said...

very organized and to the point

 Prem Bharath said...

The coolest blog hacks I have ever seen...all at one place.thanks for the list!

yönetici said...

nice hacks
i love this

eCabs said...

This is my second visit to your blog. Found your blog again while google search. Must say, it has been so helpful to me. Your list of blogger hacks is simply outstanding. Thank you so much :)

楚天格 said...

Great~!~!

5esl said...

Excellent set of tips, thank you!

emily parrr said...

this kind of blog always useful for blog readers, it helps people during research. your post is one of the same for blog readers.

Thesis Papers

Dissertation Help said...

I love your blog so much, and there are just some differences with others'. Hope there will be more wonderful things in your blog. Happy every day!
Dissertation Help | Custom Dissertation

Post a Comment