I’ve covered adding blog bling to your WordPress.com blog in the form of graphics and photographs, lines and smilies, fonts, blockquotes, social bookmark links. Now it’s time to add some blog bling to your WordPress.com blogroll and sidebar.
The sidebar area of your blog is typically the canvas for the most blog bling. Sidebar blog bling includes blogroll links as images, logos, photographs, text quote or statements, badges, and buttons. The list is nearly endless of all the bling you can add to your sidebar. The trick is to know how.
Adding Images to Your Blogroll Links
Images for your links blogroll come from two sources: on-site and off-site. On-site images are ones you host on your own WordPress blog. To learn about how to add images, see Adding Images to Your WordPress.com Blog.
Off-site images are stored on other blogs or websites. Linking to images stored off your blog is called hotlinking. It uses the bandwidth of another site to feature images on yours, which is very bad manners.
While it is not acceptable to link to images located off your blog, blogroll links and icons seem to be the exception. Blogroll links are often a miniature logo or picture representing the blog. If you link to their blogroll image and they update or change it, it will automatically change on your blog without you doing a thing.
Whether the blogroll image is on your site or off, get the location (URL) of the image for the next step: Adding the image to your blogroll links.
To add images to your Blogroll:
- On the WordPress Administration Panel tabs, click Blogroll.
- Click either edit a link or add link.
- Add the link and title for the link in the Edit Link form.
- On the Edit Link panel, click the Advanced + sign on the section to open it.
- In the form textarea labeled Image Address, paste in the link address to the image.
- Click Save Changes when ready.
Typically, blogroll images are small, typically 80×15 pixels at most and rarely more than 10K in size. If you create your own images, you can match them to your sidebar width and WordPress Theme. If they are too wide, it will mess up the look and placement of your sidebar.
You can add any image to your blogroll links as long as it conforms to the size restrictions. Under my main blogroll, called “Displays Brilliance”, I’ve added my copyright information from Creative Commons and the icon for Top 100 Bloggers, a popularity blog network I’ve belonged to since its inception.
You can add all kinds of images to your blogroll. They don’t have to be the icon of the linked site. For example, I have a column of links which, when clicked, offer a translated version of the front page of my blog in different languages. I simply used one of the online buttons and badge makers to create these, one for each language.
You are not limited to off-site links in your blogroll. The section featured in my sidebar called “Hot WordPress Articles” is a manually created list of the most popular posts about WordPress on this blog. This increases navigation on my blog and points visitors to important articles they may need to help them use WordPress.
I’ve also added a long list of social bookmarking services and directories under “Subscribe”. When you click on those links, the link adds Lorelle on WordPress to those services. Self-interested self-promotion.
Simply create a new category for your blogroll and add your favorite or specifically helpful posts in their own category list. You can add images to them if you want.
Controlling the Blogroll Order
The blogroll is sorted alphabetically within the category by name, though you can choose to have them sorted by ID number, address, or rating. I add links to my blogroll categories all the time, so controlling the order of how the links are displayed by ID, address or rating doesn’t work if I want to control the placement of the blogroll links.
In the “Displays Brilliance” blogroll on my sidebar, I wanted the 9Rules Network logo at the top, and the copyright and Top 100 Bloggers icons at the bottom of the list. I may want to change this order in the future, but I’m limited by alphabetic or numeric order. So I control the icon images through alphabetization.
If you look under the hood of the blogroll links for the copyright and Top 100 Bloggers images, you would find the text name for the links are “zCreative Commons – Copyright Protected” and “zy Top 100 Bloggers”. The text titles aren’t visible on the links as they are replaced by the images, so by adding the letters in front, I control placement and positioning. I didn’t need to do this with the 9Rules logo as the “9″ comes before “A” in the sort order. If I want to move the 9Rules logo to the bottom of the list, I would use “zz 9Rules” or something similar to position at the bottom of the order.
Changing the Blogroll Category Titles
Don’t like the title “Blogroll” on your blogroll? Then change the title.
You won’t see “blogroll” as a title on my site. I call my blogroll “Displays Brilliance”.
To change the title of your blogroll category:
- Go to Manage > Categories.
- Click Edit on the blogroll category you wish to change.
- In the title form, change the name.
- Click Edit Category to update and save the new name.
Now all links with that category will be under the new category name.
If you would like to create a new category and move links into it, create the new category from the Blogroll > Add Link panel. Edit each of the links you would like to change and assign them to the new category.
There is no end to all the fun you can add to your sidebar links using the Blogroll, formerly known as Links Manager.
For more about using the Blogroll and Write Post panel in WordPress, see What Do I Do With My New WordPress.com Blog.
WordPress Widgets Sidebar Blog Bling
In addition to your Blogroll blog bling links, there are many WordPress Widgets you can add to your sidebar.
I don’t use many WordPress Widgets on my sidebar, though I can’t live without some of them.
I’ve added the Recent Posts and Most Popular Posts WordPress Widgets, and at the bottom I’ve added several feeds from other sites and a Widget that shows you how many comment spams have been caught by Akismet.
The search form and text WordPress Widgets allow me to arrange where I want these elements to go on my sidebar as well as add their features.
As an educational blog, it’s important to my readers that they be able to find the information they need to help them with their WordPress blog or blogging techniques. Thus, I want the search form to be at the top of the sidebar.
I used the WordPress Text Widget to add a descriptive statement to help people understand where they are and what they are reading when they arrive on my blog from other sites or search engines. I believe that every blogger should share a little about who they are and what they are doing with their blog to help the reader respect their writing and feel a personal connection with the blogger.
You can also add pretty images and photographs to your sidebar which are not part of your blogroll.
Using the WordPress Text Widget, add it to your sidebar and click the edit icon. Simply add the link to the image in the text box and click away from the box and choose Update or Save Changes.
The image link needs to be in the following HTML image tag format:
<img src="http://example.files.wordpress.com/image.jpg" alt="Image description" />
You can wrap the image in a link to a page, category, or off-site location if you want. You can also add text to explain the image.
The WordPress RSS Feed Widget allows you to add feeds from various sites to your WordPress.com blog. They are highlighted with an orange RSS feed icon. This helps bring related content from off-site onto your blog. Or you can create a feed from a specific category on your blog and highlight in your sidebar with the WordPress RSS Feed Widget, expanding your site’s navigation and showcasing category specific content to your visitors.
You can also change core sidebar elements around in your WordPress Theme, if your WordPress Theme is enabled to do so (it will say so in the Theme notes). You can move the search form above or below your Pages or Categories list, or shift the Feeds Widget up or down within the sidebar list.
Including core sidebar elements, currently, the Sidebar WordPress Widgets available for WordPress.com blogs are:
- Text boxes
- Recent Posts
- Top Posts
- RSS External Feeds
- Home Link
- Blog Stats
- Recent Comments
- Sonific Songspot
For more information on WordPress.com Widgets, see Playing with WordPress.com New Sidebar Widgets. To customize those sidebar WordPress Widgets, see WordPress.com Widgets – Customizing Your WordPress.com Theme Sidebar and Customizing RSS Feed Links for WordPress.com and WordPress Sidebar Widgets.
New WordPress Widgets, which I call “Sidebar Accessories”, are coming out all the time, so check them out on your Presentation tab and see what fun you can add to your sidebar with WordPress Widgets.
- Adding Images to Your WordPress.com Blog
- More Website Design Mistakes
- WordPress Design Details
- Playing with WordPress.com New Sidebar Widgets
- WordPress.com Widgets – Customizing Your WordPress.com Theme Sidebar
- Customizing RSS Feed Links for WordPress.com and WordPress Sidebar Widgets
- Customizing RSS Feed Links for WordPress.com and WordPress Sidebar Widgets
- Buttons, Bows, and Badges for Your Blog
- Designing a Rainbow – Sexy Hot Colors
- The Battle Between Image Width and Column Width
- Creating Effective, Attention-Getting Headlines and Titles
- One Year Anniversary Review: Web Design
- One Year Anniversary Review: Designing WordPress Themes
- Free Photos for Your Blog
Site Search Tags: wordpress widgets, sidebar accessories, sidebar images, sidebar links, sidebar designs, blog bling, wordpressdotcom, wordpress.com, wordpress.com tips, wordpresscom, decorate your blog, blog design, blog design elements, wordpress blogs, wordpress themes, wordpress theme design, post design, post design elements, writing posts, blog writing, writing tips, post graphics, free photos, graphics, images, blog graphics, blog images, blog design, design elements, writing blogs, pretty blogs
Copyright Lorelle VanFossen, member of the 9Rules Network