B-Team Blogroll - Scrolling

We now have the code available for adding the B-Team Blogroll to you your sidebar. So far, we're offering to display options (though you can always create your own look if you know how).

The basic code for displaying the B-Team Blogroll which uses your default background and link colors/settings is as follows (Left hand sidebar):

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

Of if you want the Scrolling Blogroll (bottom of right sidebar):

<div style="overflow:auto;width:218px;height:200px;padding:0px;border:1px solid #eee"> <script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=2c873209022b1f6ab1261e34b2eccc61"> </script>
</div>

If you want the custom blogroll that matches the B-Team badge, like the one in our side bar, use this code:

<style>
.blogrollmain{
width:152px;
margin:5px;
padding:1px;
border-top:6px solid #8deafb;
border-right:6px solid #57b4ed;
border-bottom:6px solid #46a3dc;
border-left:6px solid #7ad8fc;
background:#69c6ff;
font-family:Georgia, Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
text-align:left;
}
.blogrollmain a{
display:block;
margin:1px;
padding:3px;
border-top:1px solid #cde;
border-left:1px solid #cde;
background:#69c6ff;
color: #3500ff;
font-weight: bold;
text-decoration: none;
}
.blogrollmain a:hover{
border-top:1px solid #def;
border-left:1px solid #def;
background:#ffff00;
color: #3500ff;
text-decoration: none;
}
.blogrollmain a:visited{
border-top:1px solid #def;
border-left:1px solid #def;
color: #3a39ff;
}

.blogrollmain br{
display:none;
}
</style>

<br>
<center><script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=2c873209022b1f6ab1261e34b2eccc61"> </script></center>

If you want the custom blogroll that matches the B-Team badge, like the one in our side bar, use this code but scrolling:

<div style="overflow:auto;width:218px;height:200px;padding:0px;border:1px solid #eee">
<style>
.blogrollmain{
width:152px;
margin:5px;
padding:1px;
border-top:6px solid #8deafb;
border-right:6px solid #57b4ed;
border-bottom:6px solid #46a3dc;
border-left:6px solid #7ad8fc;
background:#69c6ff;
font-family:Georgia, Verdana, Tahoma, Arial, sans-serif;
font-size:12px;
text-align:left;
}
.blogrollmain a{
display:block;
margin:1px;
padding:3px;
border-top:1px solid #cde;
border-left:1px solid #cde;
background:#69c6ff;
color: #3500ff;
font-weight: bold;
text-decoration: none;
}
.blogrollmain a:hover{
border-top:1px solid #def;
border-left:1px solid #def;
background:#ffff00;
color: #3500ff;
text-decoration: none;
}
.blogrollmain a:visited{
border-top:1px solid #def;
border-left:1px solid #def;
color: #3a39ff;
}

.blogrollmain br{
display:none;
}
</style>

<br>
<center><script language="javascript" type="text/javascript" src="http://rpc.blogrolling.com/display.php?r=2c873209022b1f6ab1261e34b2eccc61"> </script></center>
</div>

Just don't forget to backup your template before making any changes.

About Amateur Catholic
Membership
B-Team badge code