21 Aug 2016

Awesome Blog List Gadget For Blogger With Stacked Paper Background

On In

Share your thoughts!

blog list widget preview

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;
    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".

Author: Anjana

Anjana writes about Indian history and flowering plants. Was this article helpful? Leave a comment below.

No comments: