Monday, August 24, 2009

To add Copyright on Footer



To add Copyright symbol on Footer

  • Go to Layout -> Edit HTML
  • Search for Footer wrapper...something like given below,


<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>

  • After finding Footer-wrapper,insert the below tags and your desired content


<p> <center> Content Copyright &#169;
2009 by ikshaa. All rights reserved.</center></p>

for copyright symbol use UNICODE
&#169;=&copy;=©

  • So the final code should be like this:


<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
<p> <center> Content Copyright
&#169; 2009 by ikshaa. All rights reserved.</center> </p>
</div>


Hope you found this useful...

Happy Blogging,


Thursday, August 20, 2009

Adding an image on top of the blog



Adding an image to the top of the blog is very easy.All you have to do is edit your html a bit.Minima template is the best template to try out all your experiments.


  • First select the image you want to put as your header.Note that it fits in 660 pixcel width,else it won't fit correctly in your header.In later posts I will explain how to use width greater than 660PX.Your height can be as big or small as you want.
  • Then go to Layout->Edit HTML.Find the code under the Header section and edit it with the below code



#header {
width:660px;
height:300px;
margin:0 auto 10px;
border:1px solid #ccc;
background: #fff url('http://your image.jpg')no-repeat center;
text-align: center;
}


  • If you are wondering what is given in this code...don't worry, I am here to explain it for you!!!
  • I have given Width as 660PX (PX means pixel).
  • Next Height you can give anything of your choice...first give 300 and see,you will get an idea of how your image looks.Then alter the value depending on how your image is seen on the screen.
  • Next what mainly you have to notice is the border.Here I have given 1PX.But sometimes you can see that the border is popping out of your image.So change border to 0PX if you don't want that.
  • In background,you have to give the link to the image you want to put in your header.
  • And last,text-align is for aligning your heading as you like.Here I have put center.You can change it to "top left","top right" or as you want your heading to be shown.

Hope you find this post useful.If you have any doubts, you can very well write to me.

Happy Blogging,

Monday, August 17, 2009

Navigation Bar on Blogspot

To Get back the Navigation Bar on you blog:

  • Go to Layout -> Edit HTML
  • Search for the following code


.navbar {

visibility: hidden;
display: none;
}


  • Remove the above code or make it like a comment line like this

/*
.navbar {
visibility: hidden;
display: none;
}
*/


  • And when you dont want the Navigation Bar,remove these tags /* */

Happy Blogging,

Saturday, August 15, 2009

Snow effects for your Blog

Photobucket
Want to feel the winter snow . . .

To get the Snow falling effect on your blog , try the below code :

<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></script>
  • Go To Customize -> Layout -> Page Elements .
  • Click on "Add a Gadget" .
  • Select HTML/Javascript .
  • Paste the above code, save and you are done .

See the snow falling all through the year in your blog :)



Happy Blogging,