Blog Azeroth

A forum for World of Warcraft Bloggers
It is currently Mon Apr 21, 2014 3:06 am

All times are UTC




Post new topic Reply to topic  [ 3 posts ] 
Author Message
 Post subject: Mini Pic Blogroll the Bellwether Way
PostPosted: Sat Jun 14, 2008 3:05 pm 
Offline
User avatar

Joined: Wed Jan 23, 2008 10:44 pm
Posts: 56
Since a lot of people have been asking me how I made my blogroll the way I did (4 Haelz), I thought I would just set the guide down where anyone could find it. It's actually really simple:

The size is 50x50 for all the icons on my page. I take the icons and I upload them to my account on photobucket. Then I copy the html imbed for them. It starts out looking like this:

Code:
<a href="http://s99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/?action=view&current=ChickGMBannerResizedNT.png" target="_blank"><img src="http://i99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/ChickGMBannerResizedNT.png" border="0" alt="Photobucket"></a>


You take the first url and switch it for the blog's url, so it would look like this:

Code:
<a href="http://chickgm.blogspot.com/" target="_blank"><img src="http://i99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/ChickGMBannerResizedNT.png" border="0" alt="Photobucket"></a>


Then, where it says "alt" replace it with "title" and where it says "Photobucket" write the title of the blog. This part is especially important, as it will tell the person who mouses over the picture where the link leads.

Code:
<a href="http://chickgm.blogspot.com/" target="_blank"><img src="http://i99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/ChickGMBannerResizedNT.png" border="0" title="Chick GM"></a>


To arrange them in blogger*, make a new plain html widget. Copy and paste them in. To put the space between them, like in mine, hit enter after each block of code. So, it would look like:

Code:
<a href="http://chickgm.blogspot.com/" target="_blank"><img src="http://i99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/ChickGMBannerResizedNT.png" border="0" title="Chick GM"></a>
<a href="http://chickgm.blogspot.com/" target="_blank"><img src="http://i99.photobucket.com/albums/l307/DanisMuffins/link%20icons%202/ChickGMBannerResizedNT.png" border="0" title="Chick GM"></a>


After four, add the tag <br/> This will put a break between a row of them so you can start a new row.

*I am unsure how this works with Wordpress, as I have never tried it on that blogging platform.

Pros of this Blogroll:
    It's pretty/cool
    It takes (surprisingly) less space than a traditional link list
    Not many bloggers (at this point in time, this guide may change that) do it this way

Cons:
    Takes more effort
    Hard to keep in alphabetical order
    Unsure whether it generates as much traffic as an easily readable link list
    Sometimes you have to ask authors to send you a pic or create your own


I hope this helps!

_________________
Image


Top
 WWW Profile Send private message  
 
 Post subject: Re: Mini Pic Blogroll the Bellwether Way
PostPosted: Mon Jun 16, 2008 4:54 am 
Offline
User avatar

Joined: Sat Mar 29, 2008 6:04 pm
Posts: 96
Location: Minnesota
Server: Eredar (US)
Bellwether wrote:
*I am unsure how this works with Wordpress, as I have never tried it on that blogging platform.

It actually works the same way with the exact same code. The only difference is the widget to use. Just follow these steps:

1. Go to the Design tab in your Wordpress administration page.
2. Choose the Widgets option.
3. Add the Text widget to your sidebar of choice.
4. Edit that widget you have just added.
5. On the first textbox, insert the title of the widget (e.g. Blogroll)
6. Paste the HTML code as sampled above in the second, larger textbox.
7. Press Change and Save Changes.

The size of your sidebar will vary from theme to theme, so it may be necessary to change the size of the images.

_________________
Loronar | PvE Marksmanship Hunter
Image
Image


Top
 WWW Profile Send private message  
 
 Post subject:
PostPosted: Mon Jun 16, 2008 2:23 pm 
Offline
User avatar

Joined: Fri May 23, 2008 5:16 pm
Posts: 49
Location: New York
Server: Malfurion
Thanks Bell!

_________________
Josh, a.k.a. Cathmor, a.k.a. Baelor
I am the light that brings the dawn.
Image


Top
 WWW Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 3 posts ] 

All times are UTC


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
cron
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
mergenine: WoW Alliance BB3
World of Warcraft ® ©2004-2007 Blizzard Entertainment, Inc. All rights reserved.