Showing posts with label Template Designer. Show all posts
Showing posts with label Template Designer. Show all posts

Tuesday, 23 October 2012

Animated Stylish CSS Navigation Menu For Blog And Website

Animated Stylish CSS Navigation Menu For Blog And Website

This is called CSS Spotlight Menu and idea and code provided by Dynamic Drive. I just update some code and share this in easy step here.
Spotlight Menu takes advantage of CSS3's border-radius property and transitions to add a circular background to its menu items when the mouse rolls over each one. The result is a Flash-like, sleek spotlight menu! The circular background appears in all major browsers, including IE9, while the transition effect works in browsers that support CSS3 transitions, namely, FF3.5+, Safari 3.1+, Google Chrome, and Opera 11.6+.
If you are asking how it works, First you implant this and see yourself how awesome it is...! Menu remains simple untill you move your cursor on it. When you make it hover there appear a square box that automatically start rounding its corner and finally it become circle as in the upper screen shoot.Is not Awesome...??? Just do it now...


Features:
1.) Simple And Easy To Install.
2.) Nice Animation Effect And Awesome Look.
3.) Easy To Add Links And Use.
4.) Without J-Query.
5.) Quick To Load.
6.) Works With IE9, FF3.5+, Safari 3.1+, Google Chrome, and Opera 11.6+ Browsers.


How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.


How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.



Customization:
1.) Change All Red Text With Your Links Name.
2.) Change All Blue Hash With Your Links.
3.) Save And Done.


3-Column HTML Footer Bar For Blogs And Websites

Photobucket Pictures, Images and Photos
Now a days three column footer bar is most popular for blogger and websites.First column is for about company or author and other two column are for quick navigation links.as the screen shoot is available that how will it appear after published.So put this on your website or blog now, it's only HTML via tables.

Features:
1.) Two Navigation Link Coloum With About Author Space.
2.) Simple Design HTML Code Only.
3.) Speed Up Loading Time.
4.) This Can Contain Quick Navigation Links.


How To Add In Blogspot?
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click "Add A Gadget" Where You Want To Add It.
5.) Now Scroll To "HTML-JAVASCRIPT"
6.) Click "+" Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.


How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done. 





   
<table><tr>
<td width="30%">
<h2>About</h2>
<p>Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please...Text Please....<a href="##########">Read More...</a></p>
</td>
<td width="10%"></td>
<td width="33%">
<h2>Navigation</h2>
  <li><a href="##########">Link 1</a></li>
  <li><a href="##########">Link 2</a></li>
  <li><a href="##########">Link 3</a></li>
  <li><a href="##########">Link 4</a></li>
  <li><a href="##########">Link 5</a></li>
</td>
<td>
<h2>Navigation</h2>
  <li><a href="##########">Link 1</a></li>
  <li><a href="##########">Link 2</a></li>
  <li><a href="##########">Link 3</a></li>
  <li><a href="##########">Link 4</a></li>
  <li><a href="##########">Link 5</a></li>
</td>
</tr>
</table>
Photobucket Pictures, Images and Photos
Customization:
1.) Change Red Text To Your Data.
2.) Change Blue Text To Your Links.
3.) Done.

Source: www.exeideas.com


Sunday, 21 October 2012

How To Create A Simple Blog / Website In 5 Easy Steps At Blogspot

How To Create A Blog/Website In 5 Easy Steps:-

1.Do You Have A Google Account??

 If Yes Then Skip This Step.If You Do Not Have One.Then Follow these Steps.

Open This Link : Google Account Create

Photobucket Pictures, Images and Photos

  • Fill In Details and  Click Next.
  • Verify Your Google Account with Mobile No Provided.Google Will Send You Verification Text Enter It And Verify Your Account.

2.Now Visit This site To Activate Blogger Service In Your Google Account


Photobucket Pictures, Images and Photos

Login With Your Google Account

3.In This Step  You Will Create A Blog ..

Photobucket Pictures, Images and Photos

Click New Blog To Create A Blog/Website


4.In This Step You Will Define Your Blog Address and Template

  • I Mean What Will Be The Web Address Of Your Blog And Template i.e. How Will It Look.
  • Enter Your Blog Title
  • Enter Your Desired Blog Web Address
  • Select Your Desired Design/Template/Skin/Theme.. Whatever You Call It
  • Click Create Blog.
Photobucket Pictures, Images and Photos 


5.Congrats! Your Blog Is Created Now You Can View My Other Posts For Different Customizations In Your Blog.

Just Click View Blog To See Your Created Blog.

Photobucket Pictures, Images and Photos

Note:Post Any thing To See it on your Blog Or See My Other Tutorials Of How To Post On Blog.