Tag: icons

Three Must-Have Icons for Better Branding

Posted on February 12, 2008 in Blogging by Jeff Starr

[ Gravatar for Perishable ] I am going out on a limb here, but my guess is that most bloggers are not taking advantage of Gravatars. Most of the sites that I visit do, however, take full advantage of the opportunity to sport a favicon. Understandably, favicons have been around for much longer than Gravatars and therefore are much more prevalent.

Still, I can’t help but wonder why more people aren’t taking advantage of the free personalized avatar service provided by gravatar.com. For every Gravatar-enabled site there are many opportunities to build brand recognition. And there are many Gravatar-enabled sites from which to choose.

Just as favicons are excellent tools for transforming a user’s browser into a fully branded web portal for your site, so are gravatars, favatars, and other avatars incredibly useful marketing tools for your blog. If you need to further develop a strong sense of name-recognition and brand-awareness, take a few moments to implement and customize these three “must-have” branding tools:

Continue Reading

Everything You Ever Wanted to Know about Favicons

Posted on October 17, 2007 in Presentation by Jeff Starr

[ Image: Fifty of my Favorite Favicons ]
Fifty Favorite Favicons
If you have a website, you need a favicon. For those who may not know, favicons are the small, square icons that frequently are associated with websites. Favicons appear in many places, including browser toolbars, bookmarks, tabs, and address bars. Favicons provide immediate visual identification of their represented sites, enabling super-easy navigation for Web users. While surfing bookmarks with fifty tabs open, finding and clicking on icons is far more efficient than reading through piles of link text. Yet, beyond making it easier for people to identify and locate their favorite websites, favicons also play a critical role in site branding and product recognition. Popular browsers such as Firefox, Opera, and Internet Explorer are virtually re-branded when favicon-enabled sites are displayed. For example, observe how willingly modern browsers conform to the image of web designer/developer Jonathan Snook:

Continue Reading

Feed your Image via Atom or RSS

Posted on February 4, 2007 in Function, Structure by Jeff Starr

This quick tutorial explains how to add images to both Atom and RSS feeds. Although both formats allow for image-inclusion, feed-reader support for image-display is currently quite limited. Hopefully, that will change in the near future..

Images for Atom Feeds

Images included within Atom feeds must have a ratio of either 1:1 or 2:1. There are no other restrictions as to file type or size. Use the <icon> XML element for URL’s targeting 1:1 images. Otherwise, use the <logo> XML element for URL’s targeting 2:1 images. Either element should be placed in the <feed> element:

<feed>
   <icon>http://domain.tld/path/icon.ico</icon>
   <logo>http://domain.tld/path/logo.gif</logo>
</feed>

Continue Reading

Add RSS Feed Link Icons to WordPress Category Listings

Posted on November 20, 2006 in WordPress by Jeff Starr

This brief tutorial explains two methods for adding RSS feed link icons to category listings. Let’s say that you have a list of category links, where each link targets a specific category view. Now let’s say that, next to each category link, you would like to provide a icon that links to that particular category’s syndicated feed. So, rather than cluttering up your page with two sets of category links — one for category views and another for category feeds — consolidate links and simplify your site by providing both sets of links in a logical, streamlined format.

Method One: A Static Category/Category-Feed List via wp_list_cats

Category Links via wp_list_cats
Category Links via "wp_list_cats"
The easiest way to create a set of category/category-feed links is to use the native WordPress function, wp_list_cats. This function creates a customizable set of static category links that may be used in or out of the WordPress loop.

Category links created this way are static in that the same categories are displayed for every type of page view. Thus, if configured to display categories "A", "B", and "C", the wp_list_cats function will create links for A, B, and C for post views, page views, archive views, category views, and every other view-type for that matter.

Nonetheless, despite this limitation, wp_list_cats provides an easy way to create a category feed icon links next their respective category links. Simply add the following to the location of your choice within your WP-powered document:

<?php wp_list_cats('feed_image=http://domain.com/path/feed-icon.gif&feed=XML Feed&optioncount=1&children=0'); ?>

In this code example, we are using the following parameters:

feed_image=http://domain.com/path/feed-icon.gif
This parameter creates the feed icon link next to each category link. Change the domain, path, and file name according to your particular setup.
feed=XML Feed
This parameter produces the requisite alt & title attributes for the specified feed icon (if any), and also produces title attributes for link anchor tags.
optioncount=1
This parameter indicates whether or not the function writes the category post count next to the link. "1" = yes, please display category post counts, "2" = no, please do not display post counts.
children=0
This parameter instructs the function to include or exclude subcategories in the set of category links. "1" = yes, please show all subcategories, "2" = no, please omit any subcategories from the category list.

This function also provides several handy parameters that are not discussed here. Please see the WordPress Codex1 for complete information concerning wp_list_cats.

Method Two: A Dynamic Category/Feed List via Category LiveBookmarks

A more sophisticated, comprehensive method of providing users with category/feed links is delivered via Monzilla Media’s essential plugin, Category LiveBookmarks Plus 2. Category LiveBookmarks Plus (CLB+) automatically produces a highly customizable set of dynamic category/feed links anywhere within your WP-powered blog. Plus, in addition to creating a custom set of feed links, CLB+ also creates contextually relevant LiveBookmark autodiscovery feed links to the head element of your document (see plugin page for more details). Here are a few examples of the different format options available via CLB+:

Category Link Set via CLB+
Left-aligned feed links
Category Link Set via CLB+
Text-based feed links
Category Link Set via CLB+
Right-aligned feed links

Of course, more configurations are possible, as well as many other customizable settings that enable users to create an ideal set of dynamically changing feed links throughout your site. Simply install the plugin and change the settings within the plugin file to customize your own set of category/feed links. Further, the CLB+ plugin creates a dynamic set of category/feed links that changes according to page view-type in order to provide only relevant feeds, as referenced via the particular page contents.

Regardless of which method you use, consolidating your category links with your category feed links will reduce clutter, streamline navigation, and promote simplicity. Thanks for listening — God Bless!

Footnotes

Extreme Makeover for Gravatars in WordPress

Posted on October 30, 2006 in Websites, WordPress by Jeff Starr

Strategic Methods for Improving Gravatar Functionality in WordPress

Gravatars have become a popular way of adding spice to the "comments" page of many WordPress-powered sites. So popular, in fact, that the gravatar server is often overloaded, bogged down with millions of gravatar requests every second. This immense server load effects user pages everywhere, resulting in slow loading times, unresolved server requests, and missing gravatars. Such broken presentations appear unprofessional, tarnish reputations, and may provoke confusion. This article provides essential solutions for an extreme gravatar makeover..

Continue Reading

A Nice Collection of Feed Icons

Posted on August 20, 2006 in Graphics, Presentation by Jeff Starr

Here is a nice collection of feed icons. All are in PNG format, and all have transparent backgrounds (Although they may not appear as transparent if you are viewing via Internet Explorer). Download them individually or as a zipped set. In addition to the icons displayed below, the zipped set also includes two 500×500-pixel feed icons, one in standard orange and the other in greyscale. Please save these to your server and kindly refrain from hotlinking. Thank you.

Unique Feed Icons

Orange Feed Icon - 128px Aqua Feed Icon - 50px Pink Feed Icon - 24px Green Feed Icon - 12px Orange Feed Icon - 10px Orange Feed Icon - 12px Orange Feed Icon - 14px Orange Feed Icon - 14px Orange Feed Icon - 14px Orange Feed Icon - 16px Orange Feed Icon - 16px Orange Feed Icon - 20px Orange Feed Icon - 28px

Standard Feed Icons

Orange Feed Icon - 128px Orange Feed Icon - 96px Orange Feed Icon - 64px Orange Feed Icon - 48px Orange Feed Icon - 32px Orange Feed Icon - 24px Orange Feed Icon - 16px Orange Feed Icon - 12px Orange Feed Icon - 10px

Orange Feed Icon - 300px

Greyscale Feed Icons

Grey Feed Icon - 128px Grey Feed Icon - 96px Grey Feed Icon - 64px Grey Feed Icon - 48px Grey Feed Icon - 32px Grey Feed Icon - 24px Grey Feed Icon - 16px Grey Feed Icon - 12px Grey Feed Icon - 10px

Download the entire collection [ .zip file | ~77KB | 8050 downloads ]

Upgrading Tag Functionality

Posted on April 18, 2006 in WordPress by Jeff Starr

Before today, the extent of my concern with tags involved local post tags via UTW and meta keywords via Autometa. Wanting to dive deeper into tagging, I added metadata Technorati tag links as icons appearing after each local tag link, generally located within post meta information. Adding the icon links is easy. Go to the UTW Options panel and in the “Global Formatting Settings” section, select the Technorati Tag. Then simply add the following (or something similar 1) to your index.php WP loop:

<?php UTW_ShowTagsForCurrentPost("iconlist") ?>

More display options include:

<?php UTW_ShowTagsForCurrentPost("commalist") ?>
<?php UTW_ShowTagsForCurrentPost("technoraticommalist") ?>
<?php UTW_ShowRelatedTagsForCurrentTagSet("commalist") ?>

References