How to add/remove underline in hyperlinks of Blogger posts ?

             
              As you know (or may not !) that almost all of the elements of blogger page can be modded by blooger(blog owners), you can change any view of your blogger template to any mode you want.
               

             If you want to change the underline behaviour of your blog, scroll here for these to follow :

1. Sign-in to blogger and switch over to template(Edit html).

2. Find the following content in your template : 

a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:$titlecolor;
text-decoration:underline;
}

3. You see that text-decoration:none; makes it no underline  and text-decoration:underline; makes it an underline. So, if you want underline, keep it as underline and if you do not, keep it as none.


Thank you..
Wish you've smiled...!
             

Want HD wallpapers ?

         "Click here for HD wallpapers"

  Want kannada novels to read in computer ?

    "Click here to download kannada novels "

Read More

5 Awesome Blogger Templates.

               As it is a free of cost at all, google blogs are now, at a very large number. Added to this, google provides a better ways to design the blogger template with its own customisation styles. If you do not wish to follow any of these styles into your blog, you can design your own template and can upload it.

                        In order to upload a template, go to your blogger dashboard, switch to "Template", and select "Backup or Restore".

1.Notepad Chaos

                                                             Download Page

2.Orange Line

                             Download Page

3.Water Color

                            Download Page

4.

Read More

How to add a Classic Email Subscription Button to Blog ?

               If you are a keen blogger, you will always take care of the look of your blog, at overall. You may go up to any javascript codes you that might be available for you over the internet for free. And one of the things you may want to make your blog into a large followship site is 'subscription through email'.

               So, now, I tell you one of the beautiful ways of making this happen. Few years ago, I was wandering over the blogs for codes, and later got easier with most of the blogging tweaks, though google have put some limit.

               Now I am telling a way which finally might look like :
 

To make this on your blog, you need to take over the code in the Add Gadget box.

Process :
  1.Go to blogger dashboard, and switch to 'Layout'
  2.Click any 'add gadget' link where you want to add the button (you can always able to reposition it).
  3.A new small must would appear, and there, go to 'Html/javascript'.
  4.Then, paste the following code in that pop-up window and close it.
    [Note : You need to change the feed link and your blog URL in the code]


     <!-- copy from here -->

 <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=http://feeds.feedburner.com/blogspot/Your blog link', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="login">
<h1>Subscribe To Us</h1>
<input type="hidden" value="YOUR-FEED-ID" name="uri" />
<input type="email" name="email" class="login-input" placeholder="Email Address" autofocus />
<input type="hidden" name="loc" value="en_US" />
<input type="submit" value="Subscribe" class="login-submit" />
<p class="login-help"></p>
</form>
<style>
::-moz-focus-inner {
  padding: 0;
  border: 0;
}
:-moz-placeholder {
  color: #bcc0c8 !important;
}
::-webkit-input-placeholder {
  color: #bcc0c8;
}
:-ms-input-placeholder {
  color: #bcc0c8 !important;
}
.input {
  font: 12px/20px "Lucida Grande", Verdana, sans-serif;
  color: #404040;
  background: #ebc9a2;
}
.input {
  font-family: inherit;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.login {
  padding: 18px 20px;
  width: 228px;  background: #3f65b7;
  background-clip: padding-box;
  border: 1px solid #172b4e;
  border-bottom-color: #142647;
  border-radius: 5px;
  background-image: -webkit-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -moz-radial-gradient(cover, #437dd6, #3960a6);
  background-image: -o-radial-gradient(cover, #437dd6, #3960a6);
  background-image: radial-gradient(cover, #437dd6, #3960a6);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}
.login > h1 {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-input {
  display: block;
  width: 90%;
  height: 37px;
  margin-bottom: 20px;
  padding: 0 9px;
  color: white;
  text-shadow: 0 1px black;
  background: #2b3e5d;
  border: 1px solid #15243b;
  border-top-color: #0d1827;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0));
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.2);
}
.login-input:focus {
  outline: 0;
  background-color: #32486d;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 4px 1px rgba(255, 255, 255, 0.6);
}
.lt-ie9 .login-input {
  line-height: 35px;
}
.login-submit {
  display: block;
  width: 100%;
  height: 37px;
  margin-bottom: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #294779;
  text-align: center;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3);
  background: #adcbfa;
  background-clip: padding-box;
  border: 1px solid #284473;
  border-bottom-color: #223b66;
  border-radius: 4px;
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -moz-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: -o-linear-gradient(top, #d0e1fe, #96b8ed);
  background-image: linear-gradient(to bottom, #d0e1fe, #96b8ed);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
}
.login-submit:active {
  background: #a4c2f3;
  -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
}
.login-help {
  text-align: center;
}
.login-help > a {
  font-size: 11px;
  color: #d4deef;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.4);
}
.login-help > a:hover {
  text-decoration: underline;
}
</style>
     <!-- copy till here -->
   


I wish you might end up with good button. If you want help, please send a message to our facebook page, so that we can fix it up.

                    Thank you, friendly, The Cool idiot.

                                                          

      

Read More