Subscribe Here RSS or Email


Step on how to Create your Contact Page and navigation button

0 comments Buzz Here

There is always a comparison between Wordpress and Blogspot, this two are the most attractive platform for the beginners. I suggest to to do some research of what really suites you needs which is much more better because its a lot of work involve if you decided to change from one platform to another.
Most of the bloggers likes to use Wordpress because of the plug-ins that they have offered to the bloggers, including the better looking themes and the capability to make another pages such as about, contact etc...

Blogspot in the other hand, is the easiest platform to use it's a user friendly free hosting -- click and drop and you set but compare to WP their are no plugins that you can use and added to make your blogging much more better you can't even make another page for your contact form and about me page.

Blogspot users don't need to worry about making your own contact and about me page anymore. If you have noticed i have my navigation page now thanks to for he's "how to's" which is very useful for every blogspot users.

Here's the step on how to Create your Contact Page and navigation button
  1. Before you start to make your contact page...Follow the "How not to show your Post Date when you make your about me page" first which is really quick and easy, then after you can come back here and follow the rest of the instructions of how to create a contact form and navigation button for your blog.
  2. When your done step 1, You need a contact form -- if you click my contact page you will see that i am using Kontactr because this is the form that works very well with my template structure. You can Register and when your done confirming your registration, choose Embed Widget - AJAX (this is the easy to use for blogspot users, Make sure you follow the Technicallyeasy instruction when making a static like page).
When your done with step 2, It's time to work on your navigation button for your site.

  • Add some code to the style section of your blog templatePress CTRL+F key then type </b:skin>
  • Copy and paste the style code below just before the closing tag of </b:skin> ul#navlist
margin-left: 0;
padding-left: 0;
white-space: nowrap;

#navlist li
display: inline;
list-style-type: none;

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
color: #fff;
background-color: #036;
text-decoration: none;

#navlist a:hover
color: #fff;
background-color: #369;
text-decoration: none;

You can change the background color to blend with your site color. You can pick the color you want from this hexadecimal color code.

Create your links -- Javascript Widget
Below is the code you can place in your page element. In your Dashboard, click layout then page element choose javascript then paste the HTML code below.

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>

Please don't forget to replace:
  • # - replace with the post page (Contact page or about page)
  • Item One - Page TitleYour

You have now a contact page and a more attractive clickable navigation button for your site.

Related Posts by Categories


Post a Comment

I really love to read your thoughts, Reminder though that I Moderate my blog, If your intention is only to spam think twice.

For those that will comment because you want to share your thoughts i really appreciate your time. "Dofollow" Rules.


  © Blogger template 'tbn' by thebuzznutter 2008

Bring me to TOP