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

<style type="text/css"> 

.anjanablogbl {

    margin:0 0 0 4px;
    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 {
.anjanablogbl li a {
font: 13px open sans;
line-height: 25px;
color: #666;
.anjanablogbl li a:hover {
color: #000;
text-decoration: none;
Now Save it. You are done. Don't forget to replace your links and titles. For changing the color of titles change "#666".

No comments:

Your comments are always appreciated! However advertisements will not be approved. Thanks.