4 April 2007

I Am Canadian! Blogroll Widget

Posted by Greig under: Widgets .

I’ve made a widget that should help those with widget-compatible themes drag and drop the “I Am Canadian!” blogroll to their sidebar.

To Install it:

1. Right click and download the file (here).
2. Rename the file from “iamcan.php1″ to “iamcan.php”
3. Drop it into your …./wp-content/plugins/widgets directory
4. Activate the plugin in your Wordpress dashboard.
5. Drag and drop the new widget (called “Iamcan”) in your widgets list to your sidebar right where you want it.

I hope to add a little more functionality in the future - where you can add the name for the column and some formatting all by clicking on the widget box in the ‘widget’ section.  However, until then, you’re stuck with the title that shows up in the sidebar (it’s an h3 header). 

If you would like to format the code, i’ve figured out that you can add a little nifty display picture before each blog link - you can get the little maple leaf here. Before the list of blogs is displayed, in the code there is a ‘div class’ called ‘iamcan’.   found out I could change nearly everything about the way they display. Here is the CSS code I used:

/*==========IAMCAN=Style====================*/
.iamcan a {
        font-size: 1em;
        margin-left: 1em;
        padding-left: 15px;
        text-decoration: none;
        padding-top: 5px;
        background: url(’images/leaf.jpg’) 0 0.3em no-repeat;
 }
/*=========================================*/

Update:  After visiting It’s all about Me!  I decided to go with her design (scrolling list) :

/*==========IAMCAN=Style====================*/
.iamcan {
        border: 1px solid #4c4058;
        width:250px;
        height:150px;
        text-align:left;
        overflow:auto;
        #f3ecf4
        }

.iamcan a {
 font-size: 1em;
        margin-left: 1em;
 padding-left: 15px;
        text-decoration: none;
        padding-top: 5px;
 background: url(’images/leaf.jpg’) 0 0.3em no-repeat;
 }
/*=========================================*/