How To Submit Blogger Sitemap To Google 2014

To achieve success in your diaryging career you want to need to generate tight organic traffic to your blog. By the term “organic traffic” I mean the traffic that involves your diary through search engines like Google. If you're a replacement blogger then you must remember with the Google Webmaster Tools. this is often an excellent tool that is provided by Google itself. it's helpful for diarygers and webmasters to urge their blog or web site index by the Google and it conjointly facilitate to boost our blog’s creep rate.

You just got to verify your diary possession in Google Webmaster Tools and so submit an easy sitemap. it's vital to submit diaryger sitemap to Google in terms of SEO that tells Google concerning your blog and its content. Whenever you update your diary with new posts, your sitemap helps to index them simply in search engines. this is often what we tend to area unit gonna discuss during this post. Let see a way to add blogger sitemap to Google Webmaster Tools.

Google Webmaster Tools Sitemap

Submit Blogger Sitemap To Google Webmaster Tools

Below area unit some straightforward steps you've got to travel through in terms to submit your diaryspot blog sitemap.

Sign in to Google Webmaster Tools.

Click on the diary title that you would like to feature sitemap.

Click on Sitemaps button as shown below.

sitemap button

At the highest right corner of the page, press Add/Test sitemap button.

add/test sitemap

Once you click the button, alittle box can seem as shown within the screenshot below.

blog sitemap

Add the below code within the text field.

atom.xml?redirect=false&start-index=1&max-results=500

This is the sitemap code for your diaryger blog that you wish to feature.

Press “Submit Sitemap” button.

Refresh the page.

Congratulation! you've got finished the method of submitting your diary sitemap.

Note: The on top of sitemap can work for five hundred posts solely. If you've got over five hundred posts revealed in your diary, then you've got to feature another sitemap. Whole procedure are going to be same however at now you've got to feature this code.

atom.xml?redirect=false&start-index=501&max-results=500

The sitemap that we tend to tolerate Google Webmaster Tools could be a XML sitemap that is employed by search engines to search out our content simply. there's markup language sitemap too that is for our diary readers. we should always add sitemap page to our diary so our readers will simply read all of our diary posts at the one location. It’ll be straightforward for them to browse post that they need to. If you don’t knowledge to feature a sitemap page in blogger, then here could be a tutorial for you.

Read More

How To Add Blogger Contact Form Into A Page 2014

You can also add Blogger contact form into a page of your Blogger website. It will work absolutely fine and it will not break anything. Let me show you how:

Note: In order to add contact form to a page, you first need to add the contact form widget to the sidebar of your Blogger.
Hiding Contact Form From Your Sidebar

First, we need to hide the default contact form from your Blogger’s sidebar widget. Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above ]]></b:skin>:

#ContactForm1
{
display: none ! important;
}

Save your template.

Add Contact form widget on a Static Page

Now we’re going to add the contact form widget to a stand-alone page. Follow below steps and make customization in the bottom of the steps.

1: Click on ‘Pages’ tab on the left hand side.
2: Now click on New page >> Blank page.

3: Switch to HTML mode and click on ‘options’ tab on the right side. Then select the “Use <br> tag” option in the Line Breaks section like below.

4: Now paste below code on the empty Edit HTML field.

<form name="contact-form">
<p></p>
Your Name:<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" value="" type="text" />
<p></p>
Your Email:
<span style="font-weight: bolder;color:red;">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" value="" type="text" />
<p></p>
Your Message: <span style="font-weight: bolder;color:red;">*</span><br />
<textarea class="contact-form-email-message"  id="ContactForm1_contact-form-email-message" name="email-message" cols="25" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" value="Send" type="button" />
<p></p>
<div style="text-align: center; max-width: 222px; width: 100%">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>

Customization

• Change highlighted words with relevant your own words.(i.e: for Your Email,Type your Email address)
• Replace Required message instead of red color star symbols(*)( i.e: (required) )
• Change Send with wished text to be shown on Submit button. 

5: Last Save your static page.

Read More

Replace Newer,older and Home navigation Links with Image in Blogger 2014

Replace the newer, older and home navigation links on your blogger blog with an beautiful image and catch the eyes of viewers, As Blogger's default Older, newer and Home navigation links are not so creative, almost all the Bloggers are using images for post navigation in their Blog. To do so you should first prepare 3 images with Good Creativity because this is a one time process and their is no need of altering it in future. If you wish to change it, you can as usual change it at any time. I hope you are ready with your images and now lets step into the coding part. In this tutorial i am going to explain simple steps on how to replace these navigation links(which is at the bottom of each posts) with an image of your own.

Replace Blogger Navigation Links with customized Images
1. Go to your Blogger dashboard --> Design-->Edit HTML(Tick the expand widget option).

2. Find(CTRL+F) The Below code.

NOTE:
You may get two codes with same name, so watch the changes after replacing a particular code
<data:olderpagetitle>

Replace it with the below code.
<img src="YOUR IMAGE URL FOR VIEWING YOUR NEXT POST" />

3. Now Find the below code.
<data:newerpagetitle>

Replace it with the below code.
<img src="YOUR IMAGE URL FOR VIEWING YOUR PREVIOUS POST" />

4. Now Find the below code.
<data:homemsg>

Replace it with the below code.
<img src="YOUR IMAGE URL FOR VIEWING YOUR HOME PAGE" />

Read More

Add Paypal Donate Button to Blogger blogs 2014

Paypal is one of the trusted company from many years for doing online money transactions. If you want to receive some online money or sell your items online, kindly register with Paypal for doing your online transactions which is more secure and safe. But in this post i am posting about adding Donate button of paypal to your blogger blog. To do so, you must first register your account with paypal and verify your email address and then verify one of your bank account or debit/credit cards so that The online funds received will be directly deposited to your bank account and the online purchases done will be deducted from your paypal account balance.Paypal is one of the major resource that every webmasters should have for their secure online transactions.

Add Paypal Donate Button to your Blogger Blog

1. Register an account with Paypal with your exact details.

2. Verify your Email address by clicking on confirmation link sent to your Email Id.

3. Attach your Debit/credit card or you can also attach your Bank account with paypal.
Paypal will do a two small deposits to your bank account, check your bank transactions and enter the two amounts that paypal have deposited to your bank account and this confirms your bank account and gives you complete access for online transactions like sending and receiving money.
4. Now Copy The Below Code.

<!– begin paypal donations by www.Bloggertricks.biz–> <div align="center"><form method="post" action="https://www.paypal.com/cgi-bin/webscr"> <div class="paypal-donations"><input type="hidden" value="_donations" name="cmd"/> <input type="hidden" value="YOUR PAYPAL EMAIL" name="business"/> <input type="hidden" value="YOUR BLOG URL" name="return"/> <input type="hidden" value="You found the information helpful and want to say thanks? Your donation is enough to inspire us to do more. Thanks a bunch!" name="item_name"/> <input type="hidden" value="USD" name="currency_code"/><input type="image" alt="PayPal – The safer, easier way to pay online." name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif"/> <img width="1" height="1" src="https://www.paypal.com/en_US/i/scr/pixel.gif" alt=""/></div></form> </div><!– end paypal donations –>

5. Replace YOUR PAYPAL EMAIL with the Email Addres of your Paypal account(Email Address which you used to register with Paypal) and Replace YOUR BLOG URL with the URL of your Blogger Blog.

6. Paste the Altered Code where you want your paypal donate button to appear.
NOTE:- Adding donate button on your sidebar(Using html/javascript widget) or At the footer of your blog post is recommended.

That’s It. . . !!!!!

Read More

How To add Disqus Comment System for Blogger 2014

Disqus comment system have now taken advanced changes recently. Yes, I Was just amazed To look over the new user interface of the Disqus comment system on one of my blogger blog. One Of the most inspired comments plugin called Disqus have adopted a new user interface which is more flexible and convenient and it is mainly a spam protected comments system for bloggers. In earlier days i was using blogger's default comment section with some customization of my own, but when i came through the flexibility of Disqus, i adopted the Disqus comments plugin for all my blogs and just left struggling with  Blogger's default comment section.

Disqus provides various types of login features for commentators to comment on a blog. If you are still not aware of Disqus comment system, just don't waste your time in customizing blogger's comment section and register with Disqus right now and follow the simple steps to have a powerful comments system installed on your blogger blog within few minutes.

Disqus Comment System for Blogger

Installing Disqus comment system
1. Go to Disqus official website and register for an free account.

2. After completing the registration, go to Disqus comment system installation page and choose your blogging platform.

Note:-
If you have multiple blogs, you will notice a switch site? option on the Disqus comment system installation page, click on it and choose the blog you want to add this comment system on.

3. Follow the simple step by step instructions and click on the installation button in the 3rd row.

4. You will be taken to widget importing page on blogger, select the blog you choosed in Disqus and then click on the Add widget button.

5. Finally Save your blogger layout.

Importing Blogger comments into Disqus comment system
6. If you have lot of existing comments on your blogger blog, then nothing to worry. Just go to the Disqus comments importing page which is denoted by tools>>import at the bottom of the installation page.

7. Choose the platform and you will notice import from [platform name] button, click on it and follow the simple procedure. You can also enable synchronization by clicking on the enable sync button below the import button to keep your Disqus comments synchronized with blogger.

Conclusion
Disqus comment system is one of the favorite choice and it is being used by lot of users today. Give it a try and let me know if you face any issue at any moment. Kindly leave your feedback and opinions in the comment section below. Happy blogging pals :)

Read More

Optimize your Blog for Search Engines 2014

Optimizing a blogger blog for search engines deals with in depth process of optimization in various aspects. There are few one time optimization techniques which you must really spend some time for. So I am covering some of the better optimizing tactics which every blogger should be aware of. In This post i am going to help you in optimizing your Comments, Labels and Archive links for better SEO. This involves a small one time process and your blogger blog will be set for better optimization than your present Seo(Search Engine Optimization) status.

Writing a search engine optimized blog post may be quite easy task after adopting various strategies of writing a SEO friendly blog post. But when we think about optimizing a blog for search engines, it makes a big deal. But however we need to optimize our blog step by step apart from getting messed up on a single day. So here is 3 easy optimization techniques which you must look over.

Optimize your Blog for Search Engines
1. Go to your Blogger Dashboard --> Template--> Edit HTML(Tick the Expand widget template option).

Comments Optimization:
2. Search(CTRL+F) for the following code
  expr:href='data:post.createLinkUrl'

2(a). Replace the above code with the following code.
  expr:href='data:post.createLinkUrl' rel='external nofollow'

3. Now search for the following code
a expr:href='data:comment.authorUrl'

3(a). Replace the above code with the following code.
  a expr:href='data:comment.authorUrl' rel='external nofollow'

This completes optimization of your comments section..
Archive optimization:
4. Now search for the following code
<a class='post-count-link' expr:href='data:i.url'>

4(a). Replace the above code with the following code.
  <a rel="archives" class='post-count-link' expr:href='data:i.url'>

This completes optimization of your blog archive section..
Label Optimization:
5. Now search for the following code
a expr:href='data:label.url'

5(a). Replace the above code with the following code.
  a expr:href='data:label.url' rel='tag'

6. Finally Save your template.

Read More

Add Google Adsense ads Below Post Titles in Blogger 2014

Google Adsense is the top most ads publishing network throughout the web today. Maximum earnings of almost all the bloggers are being obtained from none other than Google adsense ads and that is why every bloggers represent Google adsense as the maximum revenue generator. That doesn't mean that placing the adsense ads everywhere on your blog gets you maximum revenue. Adsense ads must be placed officially and elegantly to gain more clicks, thus generating more income.

One of the best ad slot choosed by each and every bloggers is, placing the adsense ads just below the post title and before the post body thus ensuring maximum exposure and more attraction towards it. In this post, I am going to give you the tutorial on how to place your adsense ads just below the post titles.

Google Adsense ads placement below Post Titles in Blogger
1. Go to your Google adsense dashboard and create an new ad unit with dimensions corresponding  to your blog and finally copy the html code of your ad unit.

2. Open HTML Encoder Tool Online

3. Paste your adsense code inside the box provided and copy the Encoded code.

4. Now Go to your Blogger Dashboard --> Design --> Edit Html(Tick Expand widget template option) .

5. Now Find(CTRL+F) The Below Code.
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style>.fullpost{display:inline;}</style>

6. Paste your Google adsense encoded code just below it like this.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<div style='float:left; margin-right:5px;'>
YOUR GOOGLE ADSENSE ADS</div>

Now You can View your Google adsense ad unit appearing inside your blog posts and below your post titles when you visit a post of your Blog. 

That's It. . . . .!!!!!

Read More