Saturday, October 5, 2013

Blue Light Blogger Template Free Download

Author: Gagan Masoun
Blue Light Blogger Template Free Download
Hi Guys, First of all Happy Navratri to All Of you. I'm happy to publish my first Blogger theme as a Navratri surprise from blogs daddy to our Precious Readers. I hope you all like this, now lets see a little about the Elegant theme. Blue Light is a blogger/blogspot template which was created by Blogs Daddy. It is a two column, 4 column footer layout with a attractive design. Schema tags for Facebook and Google plus has been already installed to avoid thumbnail and description snippet errors.

It has so many custom features. Lets take a live demo to see all the features working live.
Click the image below for DEMO!
  • Name : Blue Light
  • Platform : Blogger/BlogSpot
  • Release Date : 6 October, 2013
  • Category : Technology, Blogging
  • Layout : Two Column
  • Author : www.blogsdaddy.com
  • License : Creative Commons Attribution

The Main Features Of Blue Light

  • 2 Column Layout
  • Fully SEO Optimized
  • Top Navigation Menu
  • Custom About Me Widget
  • Fast Loading Blogger Theme
  • Threaded Comments Section
  • 728x90 Ad Section In Header
  • Nice and Clean Layout Design
  • Auto Thumbnail Post on Home
  • Customized Heading Tags (H1 to H6)
  • A Sharing Buttons Has Been Added Below/Above Blog Posts.

Edit The Navigation Menu

  • Go To Blogger » Template » Edit HTML 
  • Find For <ul id='navigation'>
  • You Will See The Following Code There.
<ul id='navigation'>
<li><a class='pertama' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>How-to</a></li>
<li><a href='#'>Designs</a></li>
<li><a href='#'>Tools</a></li>
<li><a href='#'>Web 2.0</a></li>
<li><a href='#'>Widgets</a></li>
<li><a href='#'>Contact</a></li>
</ul>
  • Replace Blue Highlighted Code With The Link
  • Replace Yellow Highlighted Text With The Link Text. 

Sidebar Subscription Widget

  • Go to Blogger Dashboard » Layout
  • Click On Add a Gadget
  • Choose HTML/JavaScript and Paste The Below Code In It.
<style type="text/css">
#wcsub-box
{
box-shadow:1px 1px 4px  #dcdcdc;
-moz-box-box-shadow:1px 1px 4px  #dcdcdc;
-web-kit-box-shadow:1px 1px 4px  #dcdcdc;
-goog-ms-box-shadow:1px 1px 4px  #dcdcdc;
margin-bottom:10px;
height:100px;
}
#wc-socico
{
height:33px;
border-bottom:1px solid #dcdcdc;
border-left:1px solid #dcdcdc;
border-right:1px solid #dcdcdc;
padding:2px;
background:#ffffff;
}
#wc-socicoimg
{
height:28px;
width:28px;
}
#wc-socico table
{
border:none;
}
#wc-rscount
{
margin-top:2px;
margin-right:-25px;
}
#wcsub-box .wcsub-fblike { border-bottom: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; padding: 5px; background:#fff;}

    #wcsub-box .twitter-follow { background: #ffffff; border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc; padding:5px 11px;}
    #wcsub-box .wcsub-email {border: 1px solid #dcdcdc; background: #f8f8f8; padding:11px;}
        #wcsub-box .wcsub-email h4{color: #444;font-family: Arial;font-size: 12px; margin: 0 0 10px;}
        #wcsub-box .wcsub-email .txt,#wcsub-box .wcsub-email .txt:focus{background:#fff; float:left; color:#777777; border:1px solid #dcdcdc; border-radius: 3px; padding: 7px 10px 8px; width: 140px;}
        #wcsub-box .wcsub-email .wcsub-button,#wcsub-box .wcsub-email .wcsub-button:focus{background:#222222; border:1px solid #222222; color:#fff; border-radius: 3px; float: right; font-size: 12px; font-weight: bold; padding:7px 3px; }
            #wcsub-box .wcsub-email
input, textarea {
font-family: Georgia, "Times New Roman", Times; font-size: 1em;}
</style>
<div id="wcsub-box">
<div class="wcsub-email">
<h4>Get FREE updates on your <a href="http://feedburner.google.com/fb/a/mailverify?uri=BlogsDaddy" target="_blank" style="color:#3b5998;">Email</a> | <a href="http://feeds.feedburner.com/BlogsDaddy" target="_blank" style="color:orange;">RSS</a></h4>
<form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=BlogsDaddy', 'popupwindow',
'scrollbars=yes,width=700px,height=700px');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
<input name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address&#39;;}" onfocus="if (this.value == &#39;Enter your email address&#39;)
{this.value = &#39;&#39;;}" value="Enter your email address" class="txt" />
<input type="hidden" name="uri" value="BlogsDaddy" />
<input type="hidden" value="en_US" name="loc" />
<input type="submit" value="Subscribe" class="wcsub-button" />
<div style="clear:both;"></div>
</form>
    </div>

<div id="wc-socico">
<table border="0" cellspacing="0" cellpadding="0" width="298">
<tbody>
<tr>
<td valign="top" ><a href='http://feeds.feedburner.com/BlogsDaddy' target='_blank' rel=nofollow' ><img id="wc-socicoimg" src="http://3.bp.blogspot.com/-KjMedajdI2w/UTtUCEg5_zI/AAAAAAAABcQ/K3qUhvOTNrA/s1600/feed.png" alt="Subcribe to our RSS feeds" /></a></td>
<td valign="top" ><a href='http://www.facebook.com/BlogsDaddy' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-7_3aMhrvLq4/UTtUB9H5ZyI/AAAAAAAABcM/JjZGcP7r3_I/s1600/fbb.png" alt="Join Us on Facebook" /></a></td>
<td valign="top" ><a href='https://plus.google.com/117100549673033253859' target='_blank' rel='nofollow'><img src="http://4.bp.blogspot.com/-vnYX9pKHZCU/UTtUCWa3-HI/AAAAAAAABcU/Xi7l4YF136U/s1600/gpp.png" alt="Add to Circles" id="wc-socicoimg" /></a></td>
<td valign="top" ><a href='https://twitter.com/BlogsDaddy' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="http://2.bp.blogspot.com/-VXfOkCT43uI/UTtUEItlzyI/AAAAAAAABck/cvROEjW1Vx8/s1600/tww.png" alt="Follow us on Twitter" /></a></td>
<td valign="top" ><p id="wc-rscount"><a href="http://feeds.feedburner.com/BlogsDaddy" rel="nofollow" target='_blank'><img  src="http://feeds.feedburner.com/~fc/BlogsDaddy?bg=222222&amp;fg=ffffff&amp;anim=0" height="26" width="88" style="border:0" alt="" /></a></p></td>
</tr></tbody></table>
</div></div>
  • Replace BlogsDaddy With Your Feedburner Username.
  • Replace BlogsDaddy With Your Facebook Fan Page Username.
  • Replace https://twitter.com/BlogsDaddy With Your Twitter URL.
  • Replace https://plus.google.com/117100549673033253859 With Google+.

Footer Menu

  • Go To Blogger » Template » Edit HTML
  • Find For <div id='footer-top-wrapper'>
  • There You Will See The Code Like Below
<ul class='rightfooter'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Advertise Here</a></li>
<li><a href='#'>Contact us</a></li>
<li><a href='#'>Privacy</a></li>
</ul>
  • Replace Blue Highlighted Code With The Link
  • Replace Yellow Highlighted Text With Your Link Text.

Replace Short Message

  • Go To Blogger » Template » Edit HTML 
  • Find For Write Your Short Message Here and Change Logo
  • Replace This Line With Your Message.
Note - If you want to change logo with your own then search below image URL in template and change with your image URL.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj0YPaPWgBTekhaEb3DutYvtOghFmgerNOQY_fthyphenhyphenhYGPWyBWwh5n98IU73bUvwwIk2Hz_hxKimDH5YT3jGB5qFAGqD0dHax6-PggEP-mvuBo_tIy3dTGcNXqU8URf1F9Roho2kL4Ey3FK/s1600/Your-Logo-Here.png
  • Congratulations! You've Successfully Customized This Template!
This was our Blue Light Blogger Template. I hope you'll like this template and try this theme. If you need any type of help regarding customization then leave your comments below. Also subscribe us to get more freebies straight to your Inbox. Stay Blessed :)

9 comments:

  1. Really nice template.
    brother you are awesome.
    keep blogging.

    regard @
    www.parallelblogging.blogspot.com

    ReplyDelete
    Replies
    1. Thanks Dilip Yadav....!!!
      Happy to see you again here.

      Delete
  2. You have provided a great blogger template. I will use it for my blog.

    ReplyDelete
  3. Hello Sir,
    Please have a look at new social network favouritepost.com to share your link, image,post or video for free promotion of your site.

    ReplyDelete
  4. Very good templates and thanks for the customization specified!

    ReplyDelete
  5. Good Template how to add adsence below and end of post in this template

    ReplyDelete
    Replies
    1. Find code in template and Paste your adsense code after it.

      Delete