5 Apr 2015

Awesome Blog List Gadget For Blogger

On In , 9 Comments
The Blog List gadget displays a list of your favorite blogs or websites. Here is a tutorial to create a beautiful blog list gadget for your blog. You may use any background except white. Before proceeding to the code, please read How to Import Google Fonts to Your Blog: In this example, I have used the cursive font Tangerine. This is an HTML gadget and adding this to your blog is a very simple task. From your Blog's Dashboard navigate to Layout and select Add a Gadget. Select HTML/JavaScript and copy-paste the below code:

blog list gadget
✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ 
<div class="anjanablogbl"><h3><a href="https://anjanadesigns.blogspot.com">My Blog List</a></h3><ul>
<li><a href="#">Title of your favorite blog (1)</a></li>
<li><a href="#">Title of your favorite blog (2)</a></li>
<li><a href="#">Title of your favorite blog (3)</a></li>
<li><a href="#">Title of your favorite blog (4)</a></li>
<li><a href="#">Title of your favorite blog (5)</a></li>
<li><a href="#">Title of your favorite blog (6)</a></li>
</ul></div>

<style type="text/css"> 
.anjanablogbl {-moz-box-shadow:1px 1px 4px rgba (0, 0, 0, .5); -webkit-box-shadow:1px 1px 4px rgba (0, 0, 0, .5); -goog-ms-box-shadow:1px 1px 4px rgba (0, 0, 0, .5); box-shadow: 1px 1px 4px rgba (0, 0, 0, .5); background:white; margin:0!important; padding:10px;}

.anjanablogbl ul {margin:0px!important; padding:0!important; list-style: none;} .anjanablogbl ul li {display: block; margin:0!important; padding:10px 13px 10px 13px; border:none!important;.anjanablogbl ul li:nth-child(even) {background: #dbdaca;}.anjanablogbl ul li:nth-child(odd) {background:#e8e8e8;}

.anjanablogbl h3 {margin:10px 0 20px 0; font-family: 'Tangerine', cursive; font-size:28px; text-align:center; text-shadow: 0px 1px 0px #d6ffff; background-image:url("https://1.bp.blogspot.com/-ZQymBjO4kAQ/VSAPjWzm9LI/AAAAAAAAH-w/uMeW9Auyyxw/rose.png"); background-repeat:no-repeat; background-position:18px 3px;}

.anjanablogbl h3 a {color: #0e320e!important; text-decoration:none;} .anjanablogbl li a {font-size:14px; font-family: josefin slab; line-height:20px; color:#0e320e!important; text-decoration:none;} .anjanablogbl li a:hover {text-decoration:none; color:#b22e2e!important;</style>
✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ ✿ 

Replace "#" with your favorite links and Save the Gadget. Done!

9 comments:

  1. great post, now I can learn it myself :-) thanks for sharing Anjana...

    ReplyDelete
  2. Nice post..:)
    Please do visit mine and comment.:

    https://www.indiblogger.in/indipost.php?post=452573

    ReplyDelete
    Replies
    1. I checked your blog post. A nice dish, Uttpal.

      Delete
  3. Hi Anjana
    Great post
    I will surely try one on my blog
    thanks for sharing
    Regards
    Bhavikk shah

    ReplyDelete
  4. Nice post..

    Please do visit mine and comment.:

    https://selfdrivetrips.wordpress.com/2015/04/14/must-visit-islands-in-india-that-are-never-crowded-throughout-the-year/

    ReplyDelete
  5. nice! www.bongoexclusive.net

    ReplyDelete