tips,tricks and hacks: Blogroll

NOTICE...as of April 2011, the blogrolling site is no longer in operation, so I am removing the blogroll.

It seems the majority decided that having a blogroll for BlogU Students is a good idea! This will, of course, be on a voluntary basis. If you have learned how to personalize your blog from reading posts at BlogU and want to have your blog added to the BlogU Students Blogroll, now is your big chance!

First, please add the blogroll to your blog. I'm giving different options for presenting this in your blog.

Option #1 - Full blogroll:

For Classic Blogger - put this code in your sidebar where you want it to appear ~OR~
For Blogger Beta - Open Dashboard/ Template/ Page Elements/ Add a Page Element/ HTML/JavaScript and paste this code in that window:

<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>

Option #2 - Full blogroll with button:

Follow the steps for Option #1 but use this code instead:

<a title="Students of BlogU" target="_blank" href="http://www.bloggeruniversity.blogspot.com/">
<img border="0" src="http://h1.ripway.com/anniebluesky/blogustudent.png" width="80" height="15"></a><script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>

Option #3 - Expand/Collapse blogroll:

First...Put this code in your CSS style sheet (between the <head> and </head> tags). Note, if you already have the Expand/Collapse code set up for your blog, skip to the third step.

.commenthidden {display:none}
.commentshown {display:inline}

Second...Put this between the <head> and </head> tags, but not in the style sheet:

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

Third...

For Classic Blogger - put this code in your sidebar where you want it to appear ~OR~
For Blogger Beta - Save template then open Dashboard/ Template/ Page Elements/ Add a Page Element/ HTML/JavaScript and paste this code in that window:

<a aiotitle="click to expand" href="javascript:togglecomments('blogustudents')" title="Students of BlogU">+/- BlogU Students blogroll</a><br><br>
<div id="blogustudents" class="commenthidden">
<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>
</div><br>

Option #4 - Expand/Collapse blogroll with button:

Follow the instructions for Option #3, but use this code in the third step. (Note this option is not like what is in my sidebar. I opted for the button outside of the +/- and not on the inside. This option shows the button only if you click on the +/-.)

<a aiotitle="click to expand" href="javascript:togglecomments('blogustudents')">+/- BlogU Students Blogroll</a><br /><br>
<div class="commenthidden" id="blogustudents">
<a title="Students of BlogU" target="_blank" href="http://www.bloggeruniversity.blogspot.com/">
<img border="0" src="http://h1.ripway.com/anniebluesky/blogustudent.png" width="80" height="15"></a>
<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>
</div>

My personal favorite option is #4 because you get this very artsy button

in the ever popular expand/collapse blogroll! After you have the blogroll in your blog, send me an email to:

blogger.university@gmail.com
Include the title of your blog
Include the URL of your blog

When I see you have the blogroll up and running, I will add your blog!

post signature

tips,tricks and hacks

Tuesday, 10 March 2009

BlogRolling is Back Up

Sunday, 18 March 2007

Join the BlogU Students Blogroll!!