Changing Blogroll Format to Horizontal View
add the following to your #homepagetemplate that is using the theme such as the discreet radio blog (that has a horizontal navigator link style)
[if you are using this theme in a category, open the www folder, go to your categories and then open the #homepage template using the notepad to edit the category theme]
Scroll down through the template until you find the following section in the css style codes
.small {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
</style>
In between these two items you want to add the following:
.blogrollLinkedText {display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
border-right: 2px solid #FFF; padding-right: 5px; padding-left: 5px;
}
.blogrollText {float: left;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
padding-right: 4px; padding-left: 5px; }
so it will look like this when you are done
.small {
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
}
.blogrollLinkedText {display: inline;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
border-right: 2px solid #FFF; padding-right: 5px; padding-left: 5px;
}
.blogrollText {float: left;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;
padding-right: 4px; padding-left: 5px; }
</style>
Then you add your blogroll.opml to the #homepage template in place of the <%navigatorLinks%> macro...scroll through the template about mid-way til you find the following
<div id="links">
<%navigatorLinks%>
</div>
replace the <%navigatorLinks%> with your blogroll which will look like this
<div id="links">
<%radio.macros.blogroll("http://radio.weblogs.com/0119318/gems/blogroll.opml")%>
</div>
Save the template, post something and upstream/publish and you will see your new changes.x
|
