Here is just another awesome Blog List Gadget for listing your favorite blogs, websites or links. This is a very simple one as it does not contain any scripts. I am sure it will adds up the beauty of your sidebar. From your Blog's Dashboard navigate to Layout and select Add a Gadget. Select HTML/JavaScript and copy-paste the below code:
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
<div class="anjanablogbl">
<ul>
<li><a href="#">Wikipedia picture of the day feed</a></li>
<li><a href="#">Games for PC, Mobile, iPhone, iPad, Android, Mac & Online | Big Fish</a></li>
<li><a href="#">Alexa - Actionable Analytics for the Web</a></li>
<li><a href="#"> DMCA Protection & Takedown Services</a></li>
<li><a href="#">Answers - The Most Trusted Place for Answering Life's Questions</a></li>
<li><a href="#">Anglo Mysore Wars: Second Anglo Mysore War—Treaty of Mangalore</a></li>
</ul>
</div>
<style type="text/css">
.anjanablogbl {
width:auto;
margin:0 0 0 4px;
background:#fff;
padding:7px;
.anjanablogbl ul {
display: block;
padding: 7px;
margin: 0px;
list-style: none;
}
.anjanablogbl ul li {
border-bottom: 1px dashed #000;
}
.anjanablogbl ul li:last-child {
border-bottom:none;
}
.anjanablogbl li a {
font: 13px open sans;
line-height: 25px;
color: #666;
}
.anjanablogbl li a:hover {
color: #000;
text-decoration: none;
}
</style>
<div class="anjanablogbl">
<ul>
<li><a href="#">Wikipedia picture of the day feed</a></li>
<li><a href="#">Games for PC, Mobile, iPhone, iPad, Android, Mac & Online | Big Fish</a></li>
<li><a href="#">Alexa - Actionable Analytics for the Web</a></li>
<li><a href="#"> DMCA Protection & Takedown Services</a></li>
<li><a href="#">Answers - The Most Trusted Place for Answering Life's Questions</a></li>
<li><a href="#">Anglo Mysore Wars: Second Anglo Mysore War—Treaty of Mangalore</a></li>
</ul>
</div>
<style type="text/css">
.anjanablogbl {
width:auto;
margin:0 0 0 4px;
background:#fff;
padding:7px;
box-shadow: 0 0 3px rgba(0, 0, 0, .8), 2px 2px 0 #eaeaea, -2px 2px 0 #eaeaea, 3px 3px 3px rgba(0, 0, 0, .35),
-3px 3px 3px rgba(0, 0, 0, .35), 4px 4px 0 #eaeaea, -4px 4px 0 #eaeaea, 5px 5px 3px rgba(0, 0, 0, .75),
-5px 5px 3px rgba(0, 0, 0, .75);
}.anjanablogbl ul {
display: block;
padding: 7px;
margin: 0px;
list-style: none;
}
.anjanablogbl ul li {
border-bottom: 1px dashed #000;
}
.anjanablogbl ul li:last-child {
border-bottom:none;
}
.anjanablogbl li a {
font: 13px open sans;
line-height: 25px;
color: #666;
}
.anjanablogbl li a:hover {
color: #000;
text-decoration: none;
}
</style>
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Now Save it. You are done. Don't forget to replace your links and titles. For changing the color of titles change "#666".
0 comments:
Post a Comment