Friday, September 17, 2010

How to add print this button in blogger blog?

Some time readers want to print a article from your blog. They will use the "print" option from their web browser window. But this will print some unnecessary thinks like header,footer,sidebar,comments and so on. If you want to give the reader a clean print layout for your each post.Then this article is for you.
I am using CSS and JAVASCRIPT for this. Now lets do some CSS for print.
Go to Layout>Edit HTML tab
Search for the closing </head> tag.

Thursday, September 16, 2010

Build free traffic for your Blogger Blog

YouSayToo is a Google AdSense and Amazon affiliate revenue sharing site dedicated to blog promotion.Add your blog to YouSayToo and every time you post YouSayToo puts up a summary of the post and link to your blog.  If site users like what you write, they may click through and check you out.  Users can also promote your blog by “Rating Up” your post to the front page, Tweet, Share to Facebook, or Buzz It – all actions that should bring you traffic.They can also subscribe to your blog, comment and perform other actions.
If you have an interest in blogging for money, you should consider Yousaytoo adsense sharing community as your chance to prove yourself to the writer's world. You can get information on blogging for money as well as read other blogs and get ideas for better blogging.

Wednesday, September 15, 2010

How to add Contact Form in Blogger Blog?

Contact forms are generally made using PHP, ASP, CGI etc and is possible only if your site is hosted on your own web server. But Blogger is just a blogging platform and user don't have access to the actual server.Don't worry there are lots of  third party tools.By using this tools you can add a contact form to your blogger blog with full functionality.I will show you next , how to do this.Among the various third party tools my favorite is GOTFORM Because of this features.
  • Drag & drop fields to form
  • Copy HTML to your web site
  • Get responses by email.  
Go www.jotform.com and create a free account.

Tuesday, September 14, 2010

How to use custom font in Blogger Blog ?

You can customize your blog look by using different font.You can do it easily by using Google font directory .So first you have to choose the font from the Google font directory and click the link as shown in the picture below to get the code and now copy the code as indicated.
Get your font code
  1. To embed the custom fonts, go to Layout (Design) > Edit HTML .
  2. Find <head> tag and paste the Google font API code after it.

Thursday, September 9, 2010

How to change Newer Post, Older Post and Home navigation with image in blogger

Here is a tutorial about how to change the default look of Blogger pager link texts "Newer Posts" , "Older Posts" and "HOME" at the bottom of every page.

BEFORE
AFTER

  1. Log in into Blogger then go to Design > Edit HTML.

Wednesday, September 8, 2010

How to make Top of the page button in your Blogger Blog

If your posts become to long then you can consider to add a Top of the page button in your blogger blog.
  1. Go to  Layout  > Edit HTML tab.Backup your template before any modification.
  2. Now find the  </BODY>  tag (press Ctrl + F for quick search).
  3. Before the </BODY>  tag copy and paste the following code.


placing adsence(google add) in your website

By placing adsence in a best place you can double your income from adsence.Certain locations tend to be more successful than others. This "heat map" illustrates the ideal placing on a sample page layout.Dark orange color shows strongest performance and light yellow weakest performance.


This a normal guideline but you may think differently.Think about your page where you place your add.
  • What is the user trying to achieve from my site?
  • What do they do when viewing a particular page?
  • Content or add which is more important ?

Tuesday, September 7, 2010

Add Syntax Highlighter To Blogger Blogs

As a blogger may be you have to place some code in your post .There is a amusing tool for highlighting your code named SyntaxHighlighter.To add this robust tool to your blogger blog follow this simple steps
  1. Go to Edit HTML tab and  backup your template before any kind of modification.
  2. Now paste the following code before </head> tag .

NEWER POST HOME