Pages

Showing posts with label blogger blog. Show all posts
Showing posts with label blogger blog. Show all posts

Friday, September 7, 2012

How to Put a Form in your Blogger's Blog Contact Page Using Google Docs

List down the Fields to use

We are going to create a form using five fields fields:
  • Your Name:
  • Your Email:
  • Your Website:
  • Your Message:
  • Country:
You can customize the fields to fit your requirements.

Step-to-step process of using Google Docs to create a form

  1. Log in too Your Google account i.e. g-mail
  2. Click Even More at the top
  3. Select Docs
  4. click Create button at the top of the left sidebar
  5. Select Form
  6. A form with two form fields appears
  7. Add a title and description for your form - These will not be displayed on the form. To add title, you have to delete the 'untitled form". To put description, use the text box immediately after  'Untitled form' filed
  8. For the first form element, use the Question Title, Your Name. Leave Help Text Field empty and the Question Type as text. Tick Make this a required question. Then click Done.
  9. On the second form element, use the Question Title, Your Email. Leave Help Text Field empty and the Question Type as text. Tick Make this a required question. Then click Done.
  10. For the third form element, click Add Item. Select Text. Use the Question Title Your Website:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  11. For the forth form element. click Add Item. Select Paragraph. Use the Question Title Your Message:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  12. For the fifth form element, click Add Item. Select Text. Use the Question Title Country:. Leave Help Test field empty and the Question type as test. Do not tick Make this a required question. Then click Done
  13.  Click Save at the top
  14. To view your published form click the link at the bottom of your form or by going to Form, then selecting Go To Live Form. The URL for your published form contains the form key as a string. For example mine is https://docs.google.com/spreadsheet/viewform?formkey=dDlRbDd1NnhvaXFTMzB2TXZicFdEckE6MQ#gid=0
  15. To embed the form to your blogger blog, Click More actions, and then select Embed
  16. Copy the code that appears and paste it in your contact page at the location you want it to appear. You must be in HTML mode to do this; not in compose mode.
All the best. If you encounter any problem, please let me know. I am willing to help.

Friday, August 17, 2012

How To Put The Google Analytics Tool In Your Blogger Blog

Google Analytics Definition  


Google Analytic is a free service. it generates detailed statistics about the visitors of a website or blog..

Why you need to Sign up to Google Analytics

  • You will be able to find and fix your broken links totally free of charge. Remember? Those  pages that give you a 404 (or Not Found) error. Sites like http://www.xml-sitemaps.com will give you a free sitemap generation service, but it will require you to pay $5.00 fee to help you find out exact URLs of broken links found in your site or blog.
  • You will be able to get detailed statistics about your site's visitors
  •  Let you track the performance of your blog or website from one user-friendly interface
  • With its help you will attract more traffic and turn your visitors to your customers 
  • Helps you make site design improvement based on the analysis you get

Step By Step Of joining Google Analytics

  1. log in into Google Analytics http://google.com/analytics/.
  2. Click Create New Account
  3. If you do not have a Google account, click Sign Up to create one.
  4. If you already have a Google account, click Sign In to log in
  5. When you log in, your get three details namely, Sign Up for Analytics Site, Add Tracking Code and Learn Your Audience
  6. To start using Google analytics, click Sign Up Now.
  7. Create New Account Form appears
  8. Enter these details
    • Account name, for example: odesktestsguide
    • Website's URL, for example: http://odesktestsguide.blogspot.com
    • Time Zone
    • Industry Category
    • Data Sharing Settings
    • Tick Yes to agree to the User agreement
  9. Once you are through, just click Create Account. The account is created. The details of the account are: Property ID, Default URL, Tracking ID, Property Name, Website URL and Tracking status
  10. Once the account is created, you will be shown what you are tracking, the code to copy to your site. Highlight the code and copy it.
  11. Go to your blog and log in, Click Design. Click Template
  12. You should always backup your template before you make any changes. 
    • Click Backup/Restore
    • Click Download Full Template
    •  Click OK
  13.  Click Edit HTML
  14. Click Proceed
  15. Tick Expand Widget Templates
  16. Enter CTRL+F to find a tag
  17. Beside Find, type in </head>
  18. Paste the Google Analytic Code immediately before this tag </head> tag
  19. Click Save Template and then click Close. You have now added the Google Analytics code to your blogger blog
  20. To ensure that you have successfully added the Google Analytics code to your blog go to http://google.com/analytics/. Next to your blog's URL, it will say either Receiving Data ( meaning you were successful) or Tracking Not Installed (meaning something has gone wrong ). If it said Tracking Not Installed,  you can do the following:- check your reports for data, or you can use your WYSIWYG editor correctly, or you can use your browser's "View Page Source" feature to find the tracking code
  21. If it said Receiving Data, then click on Edit to integrate Webmaster Tools data in Google Analytics. Choose your blog name, for example: http://odesktestsguide.blogspot.com  and the click Save and OK.
  22. Click Apply and the profile will be applied
You are now set to go for your precious reports!

Thursday, August 16, 2012

How to make a 404 Custom Page in Blogger Blog


Definition of HTTP 404

The 404 or Not Found error message is a HTTP standard response indicating that the client was able to communicate with the server, but the serve could not find what was requested for. A website hosting server will typically generate 404 - Not Found web page, when users follow a broken or dead link

Implications
  • Googlebot is not able to crawl the URL because it points to a non-existent page, either because you have deleted or rename it without redirecting the old URL to a new page, or because of a typo in a link.Generally, 404s don't harm your site's performance in search, but you can use them to help improve the user experience.
  •  404 results to poor user experience, because if many visitor land on 404, they will of course go to another source because you will lose visitors

Steps Of making a Custom 404
You can improve the user experience by configuring your site to display a custom 404 page when returning a 404 response code. A 404 Page is what a user sees when they try to reach a non-existent page on your site A good 404 page will help people find the information they are looking for as well as provide other helpful content and encourage them to explore your site further

Go to Blogger Dashboard, click on Settings, click on Search Preferences, Click on Custom Page Not Found, Click Edit

404 Custom Page in Blogger Blog
404 Custom Page in Blogger Blog
 
Add the content for your custom 404 to the test box. You can add HTML code to this box.

Here is the code

<h3> Your requested page was not found </h3>
<p> Sorry, we cannot find the page that your are looking for. It might have been removed, had it's name changed, or is temporarily unavailable.<br/>
Please check that the Web site address is spelled correctly.</P>
<b> Other Things to Try:</b><br/>
<ul>
<li> Go to our<a href="http://www.odesktestsguide.blogspot.com/" >Home Page of Odesktestsguide </a>, and use the menus or links to navigate to a specific post. </li>
</ul>

Only remember to replace http://www.odesktestsguide.blogspot.com. with your blog's name

Once you are through, Click Save Changes.

To test the Custom Page that you have just created, go to any browser type in the link that was showing the 404 Page (broken link or Page Not Found). Now you should see a more friendly 404 page



Saturday, July 28, 2012

How to Take and Post Chitika Ads Code to To Your Blog or Website

Chitika is a very large Internet advertising company. It offers income to bloggers and webmasters by placing ads from their advertisers. Chitika is a Pay Per Click (PPC)or Cost Per Click (CPC) system.This means that the publisher will earn a commission every time a visitor clicks on Chitika Ad.

What to do after you Chitika Publisher Applications form has been approved

  1. Sign up for Chitika Publisher's Program by clicking this article: - How to Sign Up for Chitika Publisher Program 
  2. Log in into Chitika publisher account using the username and password that you specified when you registered to as Chitika Publisher.. The site is Chitika Publishers
  3. Click Ad Setup
  4. Click Types of Ads to allow you choose the type of Ad you would want to have: The ads types are:-
    • Text Ads - By taking the intent targeting of search engine results and placing it onto your site, Chitika's ads are seen by people based on their search which greatly increased the chance that users will click on the ads  as the content is directly related to their search  query. The ad units come in 25 different sizes ensuring that you will find the right ad  for your blog. Click Get started. A code related to Test Ads will be generated. To get the code click Get Code.
    • List Unit - This is a powerful extension of Chitika's Text Ads which automatically adjust its height, ensuring that there is no ugly which space. You need to specify the width and the number ( anywhere from 3-9 ads per unit) of ads you would like within the unit ( the height will adjust accordingly). Click Get Started. A code related to List Unit Ads will be generated. To get the code, click Get Code
    • Mobile Ads - You can use Mobile Ads to monetize all of your mobile traffic. The ad will "hover" at the bottom of your site visitor's mobile upon visiting your site. These ads will only show to your mobile visitors. Click Get Started. A code related to Mobile Ads will be generated. To get the code, click Get Code.
    • Map Ads - This is like the regular Text Ads with the addition of a map. Users will be shown local ads ( relevant to their IP location) related to their search query alongside a map showing the locations of the advertisers. This effectively ensures local ads are seen by the right user, in the right place, at the right time.Click Get Started. A code related to Map Ads will be generated. To get the code, click Get Code.
  5.  If you Ad setup, and then click Code Creator, the code which will be generated will the Chitika Default Ad, which is a Text Ad.
  6. Once you Click Get Code, for the Ads that you desire, in the "select Units Options', you can set the setting for the size and color according to your desired taste
  7. Copy the code 
  8. Log in to your blog as the administrator
    • Click on Design
    • Click Template
    • Before you edit your template you have to save a copy of it just to be on the safe side
    • Click Backup/Restore
    • Click download full template
    • Click save. After saving your template, you are now set to edit you template without any worry at all
    • Click Edit HTML
    • Click Expand Widget Template
  9. Using Find Tool, search for  <p><data:post.body/></p> or <data:post.body/>
  10. Paste the Chitika code there
  11. Click save Template
  12. Click View blog to see how you blog now looks like.
Now you are done. Ensure that you regularly write good content to attract a lot of traffic. The more traffic you get, the more money you will make.