<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>brainstorming magazine &#124; use the brain to get ideas &#187; Tutorials</title>
	<atom:link href="http://www.brainstorming.ba/Index.php?feed=rss2&#038;cat=142" rel="self" type="application/rss+xml" />
	<link>http://www.brainstorming.ba</link>
	<description>Brainstorming is the successful monthly spin-off of DDS “Idea is all”. Each issue gives you an in-depth guide to a different creative subject, and future issues will covere themes such as print design, web design, Photoshop, typography, packaging, creative advertising, and how to start your own design business.</description>
	<lastBuildDate>Tue, 07 Sep 2010 12:26:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>11 Ways to Improve a Blog Theme Without a Complete Re-Design</title>
		<link>http://www.brainstorming.ba/?p=497</link>
		<comments>http://www.brainstorming.ba/?p=497#comments</comments>
		<pubDate>Sat, 30 May 2009 13:09:56 +0000</pubDate>
		<dc:creator>Rusmir Arnautović</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[theme]]></category>

		<guid isPermaLink="false">http://www.brainstorming.ba/?p=497</guid>
		<description><![CDATA[Bloggers are often looking to improve the look of their blog for one reason or another, and designers are rarely content to leave things the way they are for too long. Blog themes typically get changed and re-designed pretty quickly (especially in comparison to other types of websites), but you don’t always have to go [...]]]></description>
			<content:encoded><![CDATA[<p>Bloggers are often looking to improve the look of their blog for one reason or another, and designers are rarely content to leave things the way they are for too long. Blog themes typically get changed and re-designed pretty quickly (especially in comparison to other types of websites), but you don’t always have to go through a full re-design to freshen things up.<span id="more-497"></span></p>
<p>Here is a look at 11 things you can do to improve a blog theme without going the re-design route.</p>
<h3>1. Improve the Look of the Sidebar</h3>
<p>Although the sidebar will never be the focal point of a blog theme, a well-designed sidebar can have a huge impact on the overall look of a theme. Sometimes when designing a blog theme the sidebar doesn’t get much consideration, especially when it comes to visual appeal. Sidebars are generally there for purposes of navigation and helping the visitor find something useful and relevant. While this is an important aspect of a sidebar, it can still accomplish these things with some visual appeal.</p>
<p>Several months ago I wrote a post, <a href="http://vandelaydesign.com/blog/blog-design/sidebars/">Effective Use of  Blog Sidebars</a>, that focused on the needed functionality and also showcased some well-designed and effective sidebars. If your sidebar is functional but lacking in aesthetics, this is an area for potential improvement.</p>
<p><em>For further research, here are some useful tutorials:</em></p>
<ul>
<li><em><a href="http://vandelaydesign.com/blog/wordpress/enhanced-sidebars-with-dynamic-content/">Enhanced  Sidebars with Dynamic Content</a></em></li>
<li><em><a href="http://codex.wordpress.org/Customizing_Your_Sidebar">Customizing  Your Sidebar</a></em></li>
<li><em><a href="http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/">WordPress  Theme Hacks</a></em></li>
</ul>
<p><a href="http://freelanceswitch.com/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/fsw.jpg" alt="Blog Sidebars" width="425" height="500" /></a></p>
<h3>2. Improve the Usefulness of Your Sidebar</h3>
<p>As I mentioned in the previous point, sidebars should be well-designed and helpful to visitors. If the design and appearance of your sidebar is fine, take a look at ways to improve the usefulness. Often, blog theme designers get into the habit of adding certain things to a sidebar and wind up doing so without even considering if it will be useful to visitors.</p>
<p>One of the primary purposes of a sidebar is to improve the navigation and usability of the blog, so try to find ways to improve in this area. If you have manually created links and lists in your sidebar, make an effort to update them from time-to-time so quality posts aren’t falling through the cracks.</p>
<h3>3. Work on Comment Design</h3>
<p>Like the sidebar, the comment area of a blog theme is often very basic and standard. Some blog theme designers have done an excellent job of setting their themes apart from the crowd by designing beautiful comment areas. For WordPress users, there are plenty of opportunities to tweak and style comments to your desire (see <a href="http://designm.ag/design/resources/tutorials-for-wordpress-comments/">Top 10  Tutorials for Working with WordPress Comments</a>).</p>
<p>A growing number of blogs are enhancing the comment area by adding avatars to give a more personal feel to the comments and to encourage discussion (see <a href="http://vandelaydesign.com/blog/blog-design/avatars-in-blog-comment-design/">Avatars  in Blog Comment Design</a>). Comment design is a great option if you want to spend some time improving the look of your blog without re-designing the entire theme.</p>
<p><a href="http://www.problogdesign.com/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/commentdesign.jpg" alt="Blog comments" width="425" height="400" /></a></p>
<h3>4. Re-Design the Logo</h3>
<p>The logo or branding area of a blog has a huge impact on the overall look. By re-designing the logo you may be able to achieve big improvements without dedicated the same amount of time that would be needed for a complete theme overhaul.</p>
<p>logos, of course, have major implications on branding, so be careful before re-designing the logo that it will take your blog in a positive direction rather than actually harming the blog through a loss of brand recognition. For smaller blogs this is less of an issue.</p>
<p><em>For logo design inspiration, see <a href="http://designm.ag/design/inspiration/top-sources-logo-design-inspiration/">Top 10  Sources of Logo Design Inspiration</a>.</em></p>
<p><a href="http://logopond.com/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/logopondss.jpg" alt="Logo design inspiration" width="425" height="253" /></a></p>
<h3>5. Re-Design the Footer</h3>
<p>Footers rarely get much attention from blog theme designers, but <a href="http://vandelaydesign.com/blog/galleries/blog-footers/">well-designed  footers</a> can really stand out (see <a href="http://vandelaydesign.com/blog/galleries/blog-footers/">25 Impressive Blog  Footers</a> and <a href="http://designm.ag/design/inspiration/footers/">25 More  Inspirational Footers</a>). I know the footers of all of my blogs are in need of some improvement, and I think there are probably other bloggers and designers who could benefit from some time spent in this area as well.</p>
<p><a href="http://www.productivedreams.com/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/productive-foot.jpg" alt="Blog footers" width="425" height="169" /></a></p>
<h3>6. Re-Design the Feed Subscription Area</h3>
<p>One of the most important factors for a blog’s long-term success is the ability to convert visitors into subscribers. Almost all blogs have an area (generally at the top of a sidebar) to encourage subscriptions. Feed icons are very common here, for recognition purposes, and often there will be a one-field form that can be completed to subscribe by email.</p>
<p>Since this area of the theme design is critical to attracting interest and encouraging visitors to subscribe, it’s possible to make subtle, but powerful, improvements to the theme just by changing this area. Some blog designers get creative with icons and graphics in this area, and other’s keep it simple.</p>
<h3>7. Improve the Readability of Posts</h3>
<p>The theme designer has an impact on the blogger and the reader in terms of the styling of post content. While the theme design can’t control certain readability issues like paragraph length, use of bold text and use of lists, the designer can drastically improve readability with effective use of h3 and h4 tags, proper whitespace around the content, line spacing, and styling of blockquotes.</p>
<p>Just by making some changes to the stylesheet you can make serious improvements in this area. This is a great area for experimentation as styles to sub headers and other items can easily be changed and tweaked any time.</p>
<p><em>For more information, see <a href="http://www.problogdesign.com/blog-usability/30-ways-to-improve-readability/">30  Ways to Improve Blog Readability</a> by Pro Blog Design.</em></p>
<h3>8. Add Something New</h3>
<p>Many blogs are adding non-traditional blog elements to provide something new  and interesting for visitors. For example, <a href="http://designm.ag/design/">DesignM.ag</a>, and many other web design blogs, uses a  <a href="http://designm.ag/design/tutorials/delicious-community-news/">community  news</a> section to share recent headlines with readers from the sidebar. Other  blogs have their own <a href="http://flickr.com/">Flickr</a> groups that display recent additions in the sidebar. Even posting you Twitter updates on your blog can spice things up a little bit.</p>
<p><a href="http://www.myinkblog.com/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/myink-flickr.jpg" alt="" width="425" height="361" /></a></p>
<h3>9. Make Changes to the Color Scheme</h3>
<p>If a complete re-design isn’t wanted or needed, but you want to make noticeable and significant changes, consider changing up the color scheme. Changes in this area could be relatively minor, or it could be a completely new color scheme. Colors can make or break a theme design, so if you’re looking for some improvements this could be an area for experimentation.</p>
<p><em>There are plenty of great online resources for working with color, so rather than trying to list them I’ll direct you to David Airey’s <a href="http://www.davidairey.com/colour-tools-palettes-theory/">Colour Tools,  Palettes, Schemes and Theories</a>.</em></p>
<h3>10. Improve the Main Navigation</h3>
<p>Earlier we talked about improving the usefulness of a sidebar by creating better navigation, but this can also apply to the primary navigation of the site. It’s possible to new pages or sections have been added to the blog that could be added to the navigation menu, or some of those items in the main navigation may not be necessary and could be improved.</p>
<p>Most blogs already have navigation menus that include links to all the major pages on the site, but visual appeal and design is another area of possible improvement regarding navigation menus. Navigation is often one of the most noticeable and significant aspects of the design (see <a href="http://vandelaydesign.com/blog/galleries/inspirationalnavigation-menus/">50+  Gorgeous Navigation Menus</a> and  <a href="http://vandelaydesign.com/blog/galleries/menu-design-part-two/">50  Gorgeous Navigation Menus &#8211; Part II</a> for inspiration). A more attractive menu  could make big improvements to a theme overall.</p>
<h3>11. Add Image Styles</h3>
<p>Most blogs frequently use images inside of posts. There are any numer of ways that images can be styled to improve the look of the post. Many blogs use some padding and borders, but there are plenty of options here. You can do some experimentation to see what you like, and even create multiple styles and classes if you want to have options for future posts.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brainstorming.ba/?feed=rss2&amp;p=497</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20 WordPress Tricks to Improve Your Blog</title>
		<link>http://www.brainstorming.ba/?p=493</link>
		<comments>http://www.brainstorming.ba/?p=493#comments</comments>
		<pubDate>Sat, 30 May 2009 13:06:23 +0000</pubDate>
		<dc:creator>Rusmir Arnautović</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.brainstorming.ba/?p=493</guid>
		<description><![CDATA[One of the reasons WordPress is so popular is because of its flexibility. Designers, developers, and bloggers have plenty of options. In this post we’ll look at a combination of tutorials for improving a WordPress-based site, and plugins that can provide added functionality that will bring new possibilities. Tutorials: Build a Featured Posts Section for [...]]]></description>
			<content:encoded><![CDATA[<p>One of the reasons <a href="http://wordpress.org/">WordPress</a> is so popular is because of its flexibility. Designers, developers, and bloggers have plenty of options. In this post we’ll look at a combination of tutorials for improving a WordPress-based site, and plugins that can provide added functionality that will bring new possibilities.<span id="more-493"></span></p>
<h3>Tutorials:</h3>
<h4><a href="http://nettuts.com/tutorials/wordpress/build-a-featured-posts-section-for-wordpress/">Build a Featured Posts Section for WordPress</a></h4>
<p>Magazine themes are becoming increasingly popular. There are plenty of quality premium themes available, and also some decent free magazine themes, but you may want to build or customize your own. This tutorial covers the process of coding the index.php file to set up a magazine-style front page with a featured post section.</p>
<p><a href="http://nettuts.com/tutorials/wordpress/build-a-featured-posts-section-for-wordpress/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-2.jpg" alt="Featured Post Section" width="400" height="373" /></a></p>
<h4><a href="http://nettuts.com/tutorials/wordpress/wordpress-sidebar-turned-apple-flashy-using-jquery-ui/">WordPress Sidebar Turned Apple-Flashy Using jQuery UI</a></h4>
<p>Sidebars are often pretty boring. If you’re looking to improve yours, this tutorial goes through the process of using jQuery that expands and reacts to user actions, similar to the Apple sidebar.</p>
<p><a href="http://nettuts.com/tutorials/wordpress/wordpress-sidebar-turned-apple-flashy-using-jquery-ui/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-3.jpg" alt="Flashy Sidebar" width="400" height="365" /></a></p>
<h4><a href="http://nettuts.com/tutorials/wordpress/how-to-make-a-featured-post-carousel-for-wordpress/">How to Make a Featured Post Carousel for WordPress</a></h4>
<p>This tutorial will show you a different approach to displaying featured content. The technique is fairly simple, and can easily be applied to any blog that wants to give more exposure to certain content. This only requires a few coding changes to get the featured content in the carousel.</p>
<p><a href="http://nettuts.com/tutorials/wordpress/how-to-make-a-featured-post-carousel-for-wordpress/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-4.jpg" alt="Featured Post Carousel" width="400" height="217" /></a></p>
<h4><a href="http://nettuts.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/">Building a Better Blogroll: Dynamic Fun with SimplePie and jQuery</a></h4>
<p>This tutorial from Chris Coyier is not exclusively for WordPress, but this could easily the sidebar for many WordPress users. Blogrolls are common sidebar features, but with this tutorial Chris shows how the traditional blogroll can be taken a step further by bringing in feeds from other sites and blogs using SimplePie and jQuery. This technique is especially useful for those who run multiple blogs or a network.</p>
<p><a href="http://nettuts.com/javascript-ajax/building-a-better-blogroll-dynamic-fun-with-simplepie-and-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-6.jpg" alt="Build a Better Blogroll" width="400" height="504" /></a></p>
<h4><a href="http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/">Dynamic Highlight Menu</a></h4>
<p>Nick La of Web Designer Wall has a post with a number of WordPress hacks, one of them being the dynamic highlight menu. Nick shows his approach for creating the navigation menu at <a href="http://bestwebgallery.com/">Best Web Gallery</a> that highlights the current location for visitors.</p>
<p><a href="http://www.webdesignerwall.com/tutorials/wordpress-theme-hacks/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-12.jpg" alt="Dynamic Highlight Menu" width="400" height="250" /></a></p>
<h4><a href="http://www.darrenhoyt.com/2008/02/12/creating-two-tiered-conditional-navigation-in-wordpress/">Two-Tiered Conditional Navigation</a></h4>
<p>In this tutorial Darren Hoyt provides the code for creating a WordPress navigation menu that shows both parent pages and the relevant child pages. For sites and blogs that have a lot of content and pages, this trick can help to improve user experience.</p>
<p><a href="http://www.darrenhoyt.com/2008/02/12/creating-two-tiered-conditional-navigation-in-wordpress/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-13.jpg" alt="Two-Tiered Conditional Navigation" width="400" height="140" /></a></p>
<h4><a href="http://5thirtyone.com/archives/875">WordPress Custom Fields: Laying Text Over Your Lead Graphic</a></h4>
<p>WordPress’s custom fields open up endless possibilities for theme developers and bloggers.  In this tutorial you’ll learn how to use custom fields to display an image for a post with text laying on top of it.</p>
<p><a href="http://5thirtyone.com/archives/875"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-14.jpg" alt="Laying Text Over Lead Graphic" width="400" height="236" /></a></p>
<h4><a href="http://www.catswhocode.com/blog/wordpress-magazine-style-horizontal-dropdown-menu">“Magazine-Style” Horizontal Dropdown Menu</a></h4>
<p>Jean-Baptiste Jung shows another technique for improving the navigation of a WordPress site. The horizontal dropdown menu uses categories and sub-categories to create a magazine-style nav menu.</p>
<p><a href="http://www.catswhocode.com/blog/wordpress-magazine-style-horizontal-dropdown-menu"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-17.jpg" alt="Horizontal Dropdown Menu" width="400" height="325" /></a></p>
<h4><a href="http://www.catswhocode.com/blog/how-to-integrate-a-slideshow-in-your-wordpress-theme">Integrate a Slideshow into Your WordPress Theme</a></h4>
<p><a href="http://smoothgallery.jondesign.net/">Smooth Gallery</a> is a MooTools gallery that can add some sizzle to a website. In this tutorial you’ll learn how to integrate Smooth Gallery with WordPress.</p>
<p><a href="http://www.catswhocode.com/blog/how-to-integrate-a-slideshow-in-your-wordpress-theme"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-18.jpg" alt="Integrate a Slideshow" width="400" height="248" /></a></p>
<h4><a href="http://rubiqube.com/wordpress-tutorial-adding-tabs-to-your-blog-sidebar/">Adding Tabs to Your Blog Sidebar</a></h4>
<p>If you’d like to improve your sidebar by adding some tabbed content/navigation areas, this tutorial covers the process of using Yahoo! TabView in your WordPress sidebar.</p>
<p><a href="http://rubiqube.com/wordpress-tutorial-adding-tabs-to-your-blog-sidebar/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-19.jpg" alt="Adding Tabs to Your Sidebar" width="400" height="178" /></a></p>
<h4><a href="http://www.wprecipes.com/how-to-create-a-send-this-to-twitter-button">Create a “Send This to Twitter” Button</a></h4>
<p>As <a href="http://twitter.com/">Twitter</a> continues to increase in popularity, integrating Twitter and WordPress will likely continue to become more common. This post isn’t really a tutorial, but it does give the code that you need to add a “send this to Twitter” link or button to your WordPress blog.</p>
<p><a href="http://www.wprecipes.com/how-to-create-a-send-this-to-twitter-button"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-20.jpg" alt="Send This to Twitter Button" width="400" height="117" /></a></p>
<h3>Plugins:</h3>
<h4><a href="http://www.prodeveloper.org/j-post-slider-wordpress-plugin-jquery-post-animation-show.html">J Post Slider Plugin</a></h4>
<p>With the J Post Slider Plugin gives WordPress users an easy way to add an attractive image slide show that can be controlled from the admin panel.</p>
<p><a href="http://www.prodeveloper.org/j-post-slider-wordpress-plugin-jquery-post-animation-show.html"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-1.jpg" alt="J Post Slider Plugin" width="400" height="190" /></a></p>
<h4><a href="http://www.ilemoned.com/archives/lightview-for-wordpress">Lightview for WordPress</a></h4>
<p>Lightview is similar to Lightbox. However, Lightview also works with videos and iframed web pages in addition to photos.</p>
<p><a href="http://www.ilemoned.com/archives/lightview-for-wordpress"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-5.jpg" alt="Lightview for WordPress" width="400" height="178" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/nextgen-gallery/">NextGEN Gallery</a></h4>
<p>NextGEN Gallery is a full integrated Image Gallery plugin for WordPress with a Flash slideshow option.</p>
<p><a href="http://wordpress.org/extend/plugins/nextgen-gallery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-7.jpg" alt="NextGEN Gallery" width="400" height="319" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/advanced-category-excluder/">Advanced Category Excluder</a></h4>
<p>Advanced Category Excluder allows WordPress users to easily have CMS-like control over which content appears on the front page, in RSS feeds, archives and more.</p>
<p><a href="http://wordpress.org/extend/plugins/advanced-category-excluder/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-8.jpg" alt="Advanced Category Excluder" width="400" height="233" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/event-calendar/">Event Calendar 3</a></h4>
<p>With Events Calendar 3 you can manage future events as an online calendar. Display upcoming events in a dynamic calendar, on a listings page, or as a list in the sidebar.</p>
<p><a href="http://wordpress.org/extend/plugins/event-calendar/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-9.jpg" alt="Events Calendar 3" width="400" height="318" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/wp-e-commerce/">WP e-Commerce</a></h4>
<p>WP e-Commerce is a highly useful plugin for bloggers or website owners who want to sell products from their site without a lot of work to set up an e-commerce site.</p>
<p><a href="http://wordpress.org/extend/plugins/wp-e-commerce/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-10.jpg" alt="WP e-Commerce Plugin" width="400" height="350" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/tdo-mini-forms/">TDO Mini Forms</a></h4>
<p>With TDO Mini Forms you can allow users to submit posts by completing a form. The posts are held in moderation until you choose to publish them.</p>
<p><a href="http://wordpress.org/extend/plugins/tdo-mini-forms/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-11.jpg" alt="TDO Mini Forms" width="400" height="400" /></a></p>
<h4><a href="http://wordpress.org/extend/plugins/fv-community-news/">FV Community News Plugin</a></h4>
<p>Community news sections are popular among design blogs. This plugin will make it easy to accept and publish user submissions. There are a lot of options and control for the site owner or administrator.</p>
<p><a href="http://wordpress.org/extend/plugins/fv-community-news/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-15.jpg" alt="FV Community News Plugin" width="400" height="400" /></a></p>
<h4><a href="http://yoast.com/wordpress/breadcrumbs/">Yoast Breadcrumbs</a></h4>
<p>Breadcrumb navigation can be helpful for usability and SEO purposes. This plugin allows you to easily add plugins to your WordPress theme.</p>
<p><a href="http://yoast.com/wordpress/breadcrumbs/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wp1-16.jpg" alt="" width="400" height="215" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brainstorming.ba/?feed=rss2&amp;p=493</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 Non-Traditional Uses of WordPress</title>
		<link>http://www.brainstorming.ba/?p=491</link>
		<comments>http://www.brainstorming.ba/?p=491#comments</comments>
		<pubDate>Sat, 30 May 2009 13:05:01 +0000</pubDate>
		<dc:creator>Rusmir Arnautović</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web development]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.brainstorming.ba/?p=491</guid>
		<description><![CDATA[WordPress is probably the most popular blogging platform and it can also be used as a CMS to power other types of websites, such as a portfolio site. However, with some creativity and a growing number of available resources, WordPress’s limits seem to be expanding constantly. In this article we’ll take a look at a [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://wordpress.org/">WordPress</a> is probably the most popular blogging platform and it can also be used as a CMS to power other types of websites, such as a portfolio site. However, with some creativity and a growing number of available resources, WordPress’s limits seem to be expanding constantly.<span id="more-491"></span></p>
<p>In this article we’ll take a look at a combination of tutorials, plugins and themes that can help you to use WordPress in non-traditional ways. Hopefully you’ll find something that you can use, or at least something that will be a valuable learning resource for extending your knowledge and skills of working with WordPress.</p>
<h4>1. Membership Directory</h4>
<p><a href="http://www.wpdesigner.com/2008/03/01/how-to-use-wordpress-as-a-membership-directory/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-1.jpg" alt="" width="425" height="300" /></a></p>
<p>Last year Chris Cagle wrote a tutorial, <a href="http://www.wpdesigner.com/2008/03/01/how-to-use-wordpress-as-a-membership-directory/">How to Use WordPress as Membership Directory</a>, at WPDesigner. Chris uses WordPress to power his directory, <a href="http://pghdesigners.com/">Pittsburgh Designers</a>. The tutorial uses a few plugins for users and role management, and the end result is a moderated directory that allows members to enter information about themselves.</p>
<p><em><strong>Update:</strong> Chris has posted a follow up to this tutorial since the release of WP 2.7 &#8211; <a href="http://www.cagintranet.com/archive/the-new-improved-way-to-turn-wordpress-27-into-a-membership-communit/">The New and Improved Way to Turn WordPress 2.7 into a Membership Community</a>.</em></p>
<h4>2. Business Directory</h4>
<p><a href="http://wordpress.org/extend/plugins/business-directory/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-2.jpg" alt="" width="425" height="300" /></a></p>
<p>The <a href="http://wordpress.org/extend/plugins/business-directory/">Business Directory Plugin</a> for WordPress accomplishes a similar end result as the tutorial above. The plugin will allow you to create a directory on your website or blog where users can submit information about themselves or their business.</p>
<h4>3. Ffffound Clone</h4>
<p><a href="http://assaultblog.com/using-wordpress-to-make-your-own-personal-ffffound/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-3.jpg" alt="" width="425" height="300" /></a></p>
<p>Assualt Blog has an interesting tutorial where Tim shows how he <a href="http://assaultblog.com/using-wordpress-to-make-your-own-personal-ffffound/">built a Ffffound clone on WordPress</a>. Ffffound is a great site for inspiration, and a sort of image bookmarking service for those who have access. Tim shows that WordPress can be used to build your own personal version, and he even has a working finished product, <a href="http://www.vnovember.com/">VNovember</a>, that you can check out. The tutorial shows you how to set up the theme that Tim developed, which plugins to install, and how to make it all work.</p>
<h4>4. Job Board</h4>
<p><a href="http://wpjobads.com/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-4.jpg" alt="" width="425" height="300" /></a></p>
<p>Niche job boards are now pretty common, especially in the design and development industry. The <a href="http://designm.ag/jobs/">design job board</a> here on DesignM.ag is using a great premium WordPress plugin called <a href="http://wpjobads.com/">WPJobAds</a> to power the job board. You could, of course, build this type of functionality into WordPress manually if you had the time and desire, but WPJobAds makes the process easier.</p>
<p><a href="http://recruitpress.com/">RecruitPress</a> is a fee job board option. It is not a plugin, but rather a group of plugins and some core file modification that you install on top of WordPress.</p>
<p>I highly recommend that you do NOT buy the <a href="http://www.dailywp.com/jobpress-wordpress-theme/">JobPress</a> premium WordPress theme. I bought it, it didn’t work out of the box, and I got no response to my emails for support. The owners seemed to disappear as their site went down for an extended period, but it looks like it’s back now.</p>
<p>BlueFur also has a <a href="http://blog.bluefur.com/2008/05/26/wordpress-job-board-script/">job board script</a> that can be downloaded and used for your own job board. It’s more labor intensive than WPJobAds, but it is free.</p>
<h4>5. Techmeme News Clone</h4>
<p><a href="http://performancing.com/wordpress-tips/wordpress-hacks-build-techmeme-river-news-clone-part-1"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-5.jpg" alt="" width="425" height="300" /></a></p>
<p>Raj Dash wrote an article for Performancing that covers the process of using WordPress to build a “<a href="http://performancing.com/wordpress-tips/wordpress-hacks-build-techmeme-river-news-clone-part-1">Techmeme River of News Clone</a>.” This approach will not allow you to duplicate exactly what Techmeme does, but it is a cool idea that could be used in a variety of different scenarios.</p>
<p>In the article, Raj refers to a tutorial on Devlounge for <a href="http://www.devlounge.net/articles/script/mashing-up-feeds-using-yahoo-pipes">mashing up feeds with Yahoo! Pipes</a>. This is what Raj uses to create the river of news (a stream of headlines from a selection of blogs).</p>
<h4>6. Email Newsletter</h4>
<p><a href="http://nettuts.com/misc/build-a-wordburner-email-newsletter-manager-using-wordpress-and-feedburner/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-6.jpg" alt="" width="425" height="300" /></a></p>
<p>One of the older articles on NETTUTS is <a href="http://nettuts.com/misc/build-a-wordburner-email-newsletter-manager-using-wordpress-and-feedburner/">Build a ‘WordBurner’ Email Newsletter Manager Using WordPress and FeedBurner</a>. WordPress and FeedBurner are obviously used together by thousands of bloggers, but in this tutorial you’ll learn how to create an email-only newsletter with content that does not show up on the front page of the blog.  The tutorial shows the manual process for “hiding” the newsletter category on the blog, but you could also achieve the same thing with the <a href="http://wordpress.org/extend/plugins/advanced-category-excluder/">Advanced Category Excluder</a> plugin if you don’t want to deal with the code.</p>
<h4>7. Forums</h4>
<p><a href="http://thedeadone.net/software/tdo-forum-wordpress-theme/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-7.jpg" alt="" width="425" height="300" /></a></p>
<p>While there are a number of options for hosting a forum on your site, it’s also possible to use WordPress. TheDeadOne.net offers the <a href="http://thedeadone.net/software/tdo-forum-wordpress-theme/">TDO Forum WordPress Theme</a>. The theme will give you forum functionality, although you’ll most likely want to customize the design in some way. (Note: It only claims to be tested through WordPress 2.5).</p>
<h4>8. Contact Manager</h4>
<p><a href="http://artisanthemes.com/themes/wp-contact-manager/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-8.jpg" alt="" width="425" height="300" /></a></p>
<p>It’s also possible to use WordPress as your own contact manager. The <a href="http://artisanthemes.com/themes/wp-contact-manager/">WP Contact Manager Theme</a> was developed for this purpose. It is a free theme that makes the blog a functional contact manager that can be extended further with some free plugins.</p>
<p><a href="http://slipfire.com/wp-crm-58.htm">WP-CRM</a> is another theme for turning WordPress into a contact manager. With WP-CRM you can add contacts and notes from the front end of WordPress without being in the admin dashboard.</p>
<h4>9. Wiki</h4>
<p><a href="http://themeforest.net/item/wordpress-wiki-theme/29479"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-9.jpg" alt="" width="425" height="300" /></a></p>
<p><a href="http://themeforest.net/item/wordpress-wiki-theme/29479">WordPress Wiki</a> is a premium theme ($30) available at ThemeForest. This theme makes it easy to use WordPress for your own wiki. As expected, it’s not as robust as some other options, but it’s a great way to add a simple wiki to an existing site without a lot of effort or cost.</p>
<h4>10. Review Site</h4>
<p><a href="http://www.wpreviewsite.com/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-10.jpg" alt="" width="425" height="300" /></a></p>
<p><a href="http://www.wpreviewsite.com/">WP Review Site</a> is a premium plugin ($97) that will turn WordPress into a review site where visitors can place their own reviews and rate the listings. It also comes with a WordPress theme and some affiliate marketing tools. WP Review Site can be used as part of another site, or it can be used to set up a site dedicated to reviews.</p>
<h4>11. E-Commerce</h4>
<p><a href="http://www.instinct.co.nz/e-commerce/"><img class="alignnone" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/wpu-11.jpg" alt="" width="425" height="300" /></a></p>
<p><a href="http://www.instinct.co.nz/e-commerce/">WP e-Commerce</a> is a surprisingly powerful free plugin that will allow you to sell items through your WordPress-powered site or blog. While WordPress is not intended to compete with platforms that have been developed specifically for e-commerce, this plugin is ideal for bloggers and website owners who want to set up a small store without a lot of effort or expense.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.brainstorming.ba/?feed=rss2&amp;p=491</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25 jQuery Tutorials for Improved Navigation Menus</title>
		<link>http://www.brainstorming.ba/?p=488</link>
		<comments>http://www.brainstorming.ba/?p=488#comments</comments>
		<pubDate>Sat, 30 May 2009 13:02:16 +0000</pubDate>
		<dc:creator>Rusmir Arnautović</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.brainstorming.ba/?p=488</guid>
		<description><![CDATA[Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this [...]]]></description>
			<content:encoded><![CDATA[<p>Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this post we’ll feature 25 tutorials that will show you how to jQuery and CSS to create some interesting effects.<span id="more-488"></span></p>
<p><a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/"><strong>How to Make a Smooth Animated Menu with jQuery</strong></a></p>
<p><a href="http://buildinternet.com/2009/01/how-to-make-a-smooth-animated-menu-with-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-1.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://css-tricks.com/designing-the-digg-header-how-to-download/"><strong>Designing the Digg Header: How to and Download</strong></a></p>
<p><a href="http://css-tricks.com/designing-the-digg-header-how-to-download/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/q-4.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.alistapart.com/articles/sprites2"><strong>CSS Sprites 2: It’s JavaScript Time</strong></a></p>
<p><a href="http://www.alistapart.com/articles/sprites2"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-8.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery"><strong>Create an Apple Style Menu and Improve it via jQuery</strong></a></p>
<p><a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-12.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/"><strong>jQuery Tabbed Navigation</strong></a></p>
<p><a href="http://trevordavis.net/blog/tutorial/jquery-tabbed-navigation/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-25.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://css-tricks.com/color-fading-menu-with-jquery/"><strong>Color Fading Menu with jQuery</strong></a></p>
<p><a href="http://css-tricks.com/color-fading-menu-with-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-5.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/"><strong>Create a Slick Tabbed Content Area Using CSS and jQuery</strong></a></p>
<p><a href="http://nettuts.com/tutorials/html-css-techniques/how-to-create-a-slick-tabbed-content-area/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-17.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/"><strong>Using jQuery for Background Image Animations</strong></a></p>
<p><a href="http://snook.ca/archives/javascript/jquery-bg-image-animations/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-10.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/"><strong>How to Create a Keypress Navigation Using jQuery</strong></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-14.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/"><strong>Animated Dropdown Menu with jQuery</strong></a></p>
<p><a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-23.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/"><strong>jQuery and CSS Example &#8211; Dropdown Menu</strong></a></p>
<p><a href="http://designreviver.com/tutorials/jquery-css-example-dropdown-menu/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-20.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://davidwalsh.name/jquery-random-color-animate"><strong>jQuery Random Link Color Animations</strong></a></p>
<p><a href="http://davidwalsh.name/jquery-random-color-animate"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-3.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/"><strong>Learning jQuery: Fading Menu &#8211; Replacing Content</strong></a></p>
<p><a href="http://css-tricks.com/learning-jquery-fading-menu-replacing-content/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-6.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://davidwalsh.name/fading-links-jquery-dwfadinglinks"><strong>Fading Links Using jQuery: dwFadingLinks</strong></a></p>
<p><a href="http://davidwalsh.name/fading-links-jquery-dwfadinglinks"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-7.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.naterkane.com/blog/jquery-scrollable-plugin/"><strong>(Another) Scrollable Plugin for jQuery</strong></a></p>
<p><a href="http://www.naterkane.com/blog/jquery-scrollable-plugin/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-9.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://gmarwaha.com/blog/?cat=8"><strong>LavaLamp for jQuery Lovers</strong></a></p>
<p><a href="http://gmarwaha.com/blog/?cat=8"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-11.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/"><strong>Create a Cool Animated Navigation with CSS and jQuery</strong></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/create-a-cool-animated-navigation-with-css-and-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-15.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/"><strong>How to Create a ‘MooTools Homepage’ Inspired Navigation Effect Using jQuery</strong></a></p>
<p><a href="http://nettuts.com/tutorials/javascript-ajax/how-to-create-a-mootools-homepage-inspired-navigation-effect-using-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-16.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery"><strong>Create a Multilevel Dropdown Menu with CSS and Improve it via jQuery</strong></a></p>
<p><a href="http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-18.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://jqueryfordesigners.com/coda-slider-effect/"><strong>Coda Slider Effect</strong></a></p>
<p><a href="http://jqueryfordesigners.com/coda-slider-effect/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-19.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.codeitred.com/2008/08/09/multilevel-drop-menu-jquery"><strong>Multi-Level Drop Down Menu with jQuery</strong></a></p>
<p><a href="http://www.codeitred.com/2008/08/09/multilevel-drop-menu-jquery"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-21.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/"><strong>Animated Menus Using jQuery</strong></a></p>
<p><a href="http://www.shopdev.co.uk/blog/animated-menus-using-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-22.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/"><strong>Build a Tabbed Box with CSS and jQuery</strong></a></p>
<p><a href="http://www.cssnewbie.com/build-a-tabbed-box-with-css-and-jquery/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-24.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://nettuts.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/"><strong>Create a Floating HTML Menu Using jQuery and CSS</strong></a></p>
<p><a href="http://nettuts.com/tutorials/html-css-techniques/creating-a-floating-html-menu-using-jquery-and-css/"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-13.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
<p><a href="http://davidwalsh.name/jquery-link-nudging"><strong>jQuery Link Nudging</strong></a></p>
<p><a href="http://davidwalsh.name/jquery-link-nudging"><img class="imgborder" src="http://www.brainstorming.ba/wp-content/uploads/2009/05/jq-2.jpg" alt="jQuery Navigation Menu Tutorial" width="425" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.brainstorming.ba/?feed=rss2&amp;p=488</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
