Science Borealis widget and badges


Once your blog has been syndicated on Science Borealis, we invite you to share Science Borealis by placing either our widget or one of our badges on your blog site.

The Science Borealis widget

The Science Borealis widget is simply a little bit of HTML. To install in your blog’s sidebar, just copy and paste the HTML between the solid lines into a text widget, and voilà. When istalled correctly, the widget should look like this:

Science borealis widget


<!–Science Borealis widget–>

<style>
#borealis-box-container {
font-family:Arial;
position:relative;
background-color: black;
width:225px;
border:2px solid black;
border-radius:4px;
padding:0px 5px 5px 5px;
height:auto;
}

#borealis-box-header {
background: black url("http://scienceborealis.ca/wp-content/uploads/2015/05/scibor.png") no-repeat top center;
height:90px;
padding:0px;
}

#sb-slogan {
position: absolute;
top: 90px;
left:9px;
}

#sb-slogan a {
padding:0px;
font-size: 13px;
font-weight:normal;
text-decoration:none;
color:white;
}

#borealis-box {
text-align:left;
background-color:white;
border:2px solid white;
padding:3px;
margin-top:20px;
height:260px;
border-radius:4px;
overflow:hidden;
}

#borealis-box ul {list-style-type:none;margin-left:-35px;}
#borealis-box ul li:first-of-type {border-bottom:1px dotted #999;padding-bottom:10px;margin-top:-5px;}
#borealis-box ul li {margin-bottom:10px;}
#borealis-box div {font:12px Arial;}
#borealis-box p {margin:0px 0px 0px 4px}
#borealis-box p a{font:bold 16px Arial;color:#008080;text-decoration:none;}
#borealis-box .headline a{font:bold 12px Arial;color:#300B4B;text-decoration:none;}
#borealis-box .date {font:9px;color:#4B0082;margin:2px 0px 2px 0px;}
#borealis-box .date:before {content:"Posted: "}
</style>

<div id="borealis-box-container">
<div id="borealis-box-header">
<div id="sb-slogan"><a href="http://goo.gl/1DBt9B" target="_blank">Blogging From Canadian Perspectives</a></div>
</div>
<div id="borealis-box">
<p><a href="http://goo.gl/1DBt9B" target="_blank">From the Borealis Blog</a></p>
<script src="http://feeds.feedburner.com/BorealisBlog?format=sigpro" type="text/javascript" ></script><noscript><p>Subscribe to RSS headline updates from: <a href="http://feeds.feedburner.com/BorealisBlog"></a><br/> </noscript>
</div>
</div>
<!–end widget–>


Science Borealis badges

To install a Science Borealis badge, just paste into your sidebar the code you see beneath your badge size of choice.

science borealis badge

For this badge, which is 125 X 61 px, copy this HTML:

<a href=”http://goo.gl/F5UL0J” target=”_blank”> <img alt=”science borealis badge” src=”http://goo.gl/KjQpqu”/></a>

Science-Borealis-146X61
For this badge, which is 146 X 68 px, copy this HTML:

<a href=”http://goo.gl/79Ff6k” target=”_blank”><img alt=”science borealis badge” src=”http://goo.gl/ffr9tP”/></a>

Science-Borealis176X78

For this badge, which is 150 X  78 px, copy this HTML:

<a href=”http://goo.gl/lkEFai” target=”_blank”><img alt=”science borealis badge” src=”http://goo.gl/d56nPM” /></a>