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/Option #2 - Full blogroll with button:
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>
Follow the steps for Option #1 but use this code instead:
<a title="Students of BlogU" target="_blank" href="http://www.bloggeruniversity.blogspot.com/">Option #3 - Expand/Collapse blogroll:
<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>
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}Second...Put this between the <head> and </head> tags, but not in the style sheet:
.commentshown {display:inline}
<script type="text/Javascript">Third...
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>
- 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>Option #4 - Expand/Collapse blogroll with button:
<div id="blogustudents" class="commenthidden">
<script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/
display.php?r=10fb2ff44d81d6db5d565673f96537a4"></script>
</div><br>
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>My personal favorite option is #4 because you get this very artsy button
<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>
- blogger.university@gmail.com
- Include the title of your blog
- Include the URL of your blog
No comments:
Post a Comment