Official Twitter Follow Button for Blogger

Twitter has officially launched their Follow Button, which can be also added to Blogger. The best feature of this Follow button is that your readers don't need to visit Twitter to find and follow you. Instead, with just one click, they can instantly follow you without leaving your blog.

It can also show the number of followers you have and can also be customized according to your needs. You can always visit Twitter official page to get the Follow Button but having it for Blogger posts requires a series of simple steps which I will guide you through.

Adding Twitter Follow Button to Blogger

Step 1: Login to Blogger, go to Template tab and click “Edit HTML”.

Step 2: Find </body> and before it add the following script:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

Remember, if you have added this Twitter JavaScript API previously, like, while adding the Tweet button, then you don’t need to add this script again.

Step 3: Save your template.

Step 4: Now go to Layout tab and add a “HTML/JavaScript” gadget to your sidebar or wherever you want.

Step 5: Use the below code generator to get your Twitter Follow button.

Add Twitter Official Tweet Button to Blogger

Twitter has released their official share buttons with counter. In this tutorial we will discuss on how to add this Tweet Button to Blogger

In this new Tweet Button, you can customize the size, mention yourself and can also mention related Twitter user whom you may want to be followed by others. So have a look at the live example below by tweeting it.

Tweet Button for Blogger Posts

Step 1: Go to Blogger’s Template tab, click “Edit HTML” and tick “Expand Widget Templates”.

Step 2: Find closing </body> tag and before it add:

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

The JavaScript API should be added once, it is not needed to load it for every button shown on a single page, for example, if you want to have both Tweet and Twitter Follow buttons.

Step 3: Find <data:post.body/> and above or below it (or both) add the code below after generating it.

Add Pinterest Pin it Button to Blogger

Pinterest have launched their sharing buttons, why not have it for Blogger. “Pin it” buttons has counters and comes in three different sizes. But before you add it to Blogger posts, let’s see what you have to do first.

For those who don’t know about it yet, Pinterest allows you to organize and share your interests on a virtual pin board. It has become famous because not only this site is beautiful but also is very easy to share and manage your “pins”. You need to use it to believe it.

Step 1: Login, go to your blog’s dashboard > Template tab.

Step 2: Click “Edit HTML”, check “Expand Widget Templates” and find </body>. Before it add the below script:

<script type="text/javascript" src='//assets.pinterest.com/js/pinit.js'></script>

Step 3: Find <data:post.body/> and before/after it (or on both places) add the following code after generating it.

How to add Google +1 Button to Blogger

After the introduction of Google +1 button (Plus One), it has become a trend for the publishers to add it to their websites and blogs, whether it is hosted on Blogger or WordPress. So the general question that will pop up in our minds is what is so popular about this +1 button?

Well, the answer is, when you finds a web content to be useful and click Google +1 button to share it on Google+, it will not only help your friends and contacts on Google+ Circle to get to know about the interesting content but will also help them to find more relevant search results on Google.

Now let us start the discussion about why you are here, that is, to add Google +1 button to Blogger posts. It can be done by two ways, first is a very simple way where you have to only enable some settings and you are ready to use it and next is the advance way where you have to edit Blogger template to include Google Plus One button.

Easy Way

If you want an easy way then Blogger has already enabled it for us, all you need is to turn on the official share buttons which includes Google +1 button. It can be found under Layout tab; click the “Edit” link under “Blog Posts” gadget, select “Show Share Buttons” and save it; but I must say that you cannot customize or can choose any other sizes.

How to Add Blog Posts Automatically to Twitter

You can automatically add links of your blog’spost updates on your Twitter profile whenever you publish a new post. If you didn’t knew about this then let’s see how to do it.

First of all you need a Google FeedBurner account to enable this feature. Most bloggers use this service to manage their feeds. If you use Blogger and have not done it yet then set-up FeedBurner first. Next, sign in and go to “Publicize” tab.

Under it, find and go to “Socialize” tab as shown in the image below.

Now all you have to do is add you Twitter Username and select the proper “Formatting Options” that you like to have for your automatically tweeted blog posts.

At last, scroll down to the bottom of the page and click “Save” to activate the service. After this, whenever you publish a new blog post, it will get added to your Twitter account.

Related Posts Widget with Image Thumbnail for Blogger

Related posts widget is demanding for Blogger users as this help your blog readers to know about your older posts. While there are many widgets available on different blogs, there aren’t many which are more customizable than this one which I will be sharing with you.

Why more customizable? It’s because you will get both Related Posts and Recent Postswidget which can be a link list, link list with image thumbnail or with only thumbnail with popup title, transition effects and above all, it’s fast. This is one of the best widget for Blogger ever made and found on the web.

Mike More of More Tech Tips made this widget by using the awesome feature of jQuery. The installation is also very easy. Let’s start with it.

So first you have to visit easy setup page and choose the options you like to have. To start with live examples, you can visit demo 1, demo 2, demo 3 or demo 4. After selecting the correct options click “Update Demo and Code”.

After generating you will find required scripts and codes under the Code section. There are two parts. First is the jQuery library, jQuery plugin, which will run the related post widget and the CSS. Second is therequired HTML part. Here is an example image, click to enlarge:

How to Add Popular Posts Widget to Blogger

Show the popular stories and articles of your blog in your sidebar. Give your visitors a reason to stay on your blog. Add popular posts widget in Blogger. It work on the total number of comments a post gets. So we can also call it as 'Most Commented Widget'.

Many of you have expressed an interest in this widget, so I thought to give you the tutorial on it.

You can get this widget form PostRank and Feedjit. Just register your blog and get the widget.

Otherwise there is also a JavaScript available for the popular posts widget for Blogger.

Go to Blogger's Design > Page elements tab and click “Add a Gadget” and select “HTML/JavaScript” and copy paste the following code:

<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=5;
home_page = "http://simplebloggertutorials.blogspot.com/";
</script>
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/popularpost/popularpostblogger-min.js' type='text/javascript'></script>

Now for a tutorial to how to customize this widget:
1. Change the link of home_page to your homepage name.
2. numposts is the number of posts you got.
3. maxshowresult is the maximum result that will be shown.
Change this accordingly.

You can also download the script and put it on your server or free JavaScript hosts:

http://sites.google.com/site/abufarhansite/home/popularpostblogger-min.txt
http://www.hotlinkfiles.com/files/2709999_xqhsi/popularpostblogger-min.js
http://dl.getdropbox.com/u/708209/scriptabufarhan/popularpost/popularpostblogger-min.js

How to Get Your Blog Indexed Quickly

If you are having trouble to get your blog indexed by search engines or you are unaware of it, then you must be thinking to do something very quickly. Indexing by major search engine is really important to get visitors your blog if you want it to be read by others.

In this article I will tell you the simple steps that every blogger can do to get your blog indexed by Google, Yahoo and Bing as quickly as possible.

First of all, check whether your blog is already index by searching for site:www.example.com in search boxes of respective search engines. If you think you are not happy with the results then here is a check list.

Submit your Blog's Sitemap

It’s very important to submit your site or blog’s sitemap to search engines as it tells them about your blog. To start with you can visit Google Webmasters and Bing Webmaster Tool. If you are blogging on Blogger platform then read this tutorial to how to submit Blogger sitemap.

How to submit sitemap blogspot to google webmaster tool

To be successful in your blogging career you must have to generate decent organic traffic to your blog. By the term “organic traffic” I mean the traffic which comes to your blog through search engines like Google. If you are a new blogger then you should be aware with the Google Webmaster Tools. This is a great tool which is provided by Google itself. It is useful for bloggers and webmasters to get their blog or website index by the Google and it also help to improve our blog’s crawling rate.

You just need to verify your blog ownership in Google Webmaster Tools and then submit a simple sitemap. It is very important to submit blogger sitemap to Googlein terms of SEO which tells Google about your blog and its content. Whenever you update your blog with new posts, your sitemap helps to index them easily in search engines. This is what we are gonna discuss in this post. Let see how to add blogger sitemap to Google Webmaster Tools.

How to Create HTML Sitemap Page in Blogger

Sitemap of a blog helps search crawlers to crawl the entire blog properly. It helps to increase our blog crawling and indexing. Previously, I have shared a tutorial about How To Submit Blogger Sitemap To Google Webmaster Tools. That sitemap is in.XML format which we use to submit in Google Webmaster Tool which is only for search engines so that they can index all of our blog posts. Today in this tutorial I am going to share a trick by which you can create a HTML sitemap for your blog readers so that they can easily select a post to read. If you use HTML sitemap in your blog wisely then you can increase your blog page rank also. You can show all of your blog posts at single sitemap page or you can use sitemap for particular label. Whatever your need is, this tutorial will help you. So, let see how to add a sitemap page in blogger.

Creating sitemap page for particular labels

If you want to show all your blog post at same page then follow below steps:

Step 1

Step 2

Now Go to Pages then New page and click on blank page as show in below picture.

Free SEO Tutorial 2014 - Beginner's Guide to SEO 2014

SEO is search engine optimization. It's how you can optimize your website, blog, pages, or forum so that they appear at the top of search engine results pages, or SERPs. The most popular search engine for English language searches is Google. Other search engines include Yahoo, Bing, Blekko, DuckDuckGo, Baidu, and Yandex. This is a free SEO guide for beginners in 2014 with tips on how to apply SEO to your websites, blogs, webpages, and forums so that you will rank high in the SERPs in 2014.

2014 SEO Tips and Tricks for the Beginner

Give your webpage a title with keywords that relate to the topic of the webpage. Use a descriptive title that tells the reader what the webpage is about.
Put your title in h1 HTML tags. Search engines give more weight to content in the h1 tags when deciding how to index a website, blog, or webpage. But don't put the entire content of your page in h1 tags and shrink the font size with CSS, because that is too obviously an attempt to manipulate search engine rankings. This is called "black hat SEO" and it is a no-no!
Give your webpage a URL with keywords that indicate the topic of the webpage. You can use different words in your title than in your URL to capitalize on more keywords.
Use keywords and keyword phrases in the text of your webpage so that search engine crawlers will know what your page is about. This tutorial is about SEO for beginners, so I use phrases like "SEO for beginners" and "SEO in 2014" to make it obvious what the topic of this guide is.
Don't keyword stuff your text. Keyword stuffing is when you use so many key search phrases that the text reads awkwardly. And don't include a section of keywords in invisible text (same color as background). That is also black hat.
Write naturally with correct grammar and spelling.
Use alt and title attributes within the img tags so that image search engines will properly index your website's pictures, photos, and images.
Write good content that people want to link to and share with their friends. When someone on another website links to your webpage, this is called a backlink. Having lots of backlinks is good so long as they appear on other high-quality pages. A backlink on Wikipedia is excellent. A backlink on a spam blog is worthless.
If no one else is interested in sharing or linking to your content you can create your own backlinks, but they will probably not be nearly as good as backlinks earned naturally. You can drop a link in the comments section of a blog or news article, or on a forum. Moderators may remove your links. The more related your link is to the content of the blog or forum post, the more likely it will survive the moderators.
Write enough text to get your point across.
Write about things people want to read.
Write on topics that are not already saturated. There are already too many webpages about weight loss, iPhones, and SEO, so these are poor topics to write about.

Free SEO Training Course, SEO Tips and SEO Tutorials

SEO Course Outline

Over the last decade or so, the Internet has truly revolutionised the way we live. Thanks to rapid developments in Information Technology, we are now able to communicate directly with billions of people the world over. We can now come into contact with people who were hitherto separated from us by location or culture to exchange views, information, or data via email, forums, chatrooms, multiplayer games, peer to peer systems and so on.

One further benefit the Internet has brought is the ability to reach out to a vast audience simply by maintaining a website. Whether we aim to impart information, sell a product, or offer services online, we now have the potential to reach an audience that is truly global.

The Search Engine

However, the rapid expansion of the Internet over the last few years has brought its own problems for the individual website. Quite simply, how does one’s website get found amongst the myriad pages on the World Wide Web? The answer to this lies in the technology offered by search engines. Current search technology allows us to quickly search the billions of websites that make up the World Wide Web and access pages that are relevant to our needs.

Thanks to the rise of the search engine as the main portal for accessing the World Wide Web, users are now able to find pages suited to their needs without knowing the address of those pages in advance or without ‘surfing’ links. A large proportion of the billions of people who use the Internet turn to search engines to locate information, products or services. Yet while the search engine enables people to actually locate your website, it does not automatically ensure that more people will visit your site.

Although your website may appear in search engine results pages, chances are that it appears amongst thousands of listings for other pages, many of which offer similar products or services to your own. There are literally billions of websites out there all competing for the attention, time or hard earned cash of Internet users, so how can you help ensure that the right kind of users visit your website, consult the information you offer, buy your product, or take up your services in the face of often stifling online competition? Furthermore, how can your website reach its potential audience when that audience experience extreme difficulty in finding your site in search engine results in the first place?

Search Engine Optimization (SEO)

This is where Search Engine Optimization comes in. Search Engine Optimization, or SEO, refers to a set of practices and methods aimed at improving your visibility in search engine results. It does this by improving the ranking, or position, your website gains in search engine results in relation to other pages that compete with your own.

If, for example, your site currently appears in the tenth page of about one million relevant results, chances are that searchers are going to get bored before they get to that results page or are going to visit websites that appear higher in the results. If, however, you have a high ranking in search engine results for specific search terms or keywords, then searchers are more likely to visit your site. Search Engine Optimization works, then, by optimizing your web pages in such a way that they gain a higher ranking in search engine results and, from this, improved traffic and online sales.

An Intoduction to SEO - What is Seo

An Introduction to SEO

This unit introduces you to the basics of search engine optimisation. By the end of this unit you should be able to:

understand what search engine optimisation is and does
understand the basic principles behind search engine optimisation
distinguish between SEO and web design

This unit assumes that you have a basic working knowledge of HTML. Before reading the following material, we also recommend you read our course outline in order to acquaint yourself with the structure of this course and the things that are expected from you in order to derive full benefit from the course.

1.1 What is Search Engine Optimisation?

Search engine optimisation, or SEO for short, is the process of altering your web pages so that they rank more highly in search engine results.

As the Wikipedia puts it, search engine optimisation is ‘a set of methodologies aimed at improving the visibility of a website in search engine listings. The term also refers to an industry of consultants that carry out optimization projects on behalf of client sites.’

Search Engine Optimisation is also sometimes referred to as search engine marketing (SEM), although this usage is not strictly accurate as search engine marketing involves high-end marketing strategies that encompass more than just optimising web pages.

The purpose of search engine optimisation is to make your site visible on the Internet. It does this by optimising web pages in such a way as to improve their visibility to search engines and ultimately their search engine ranking.

There are other ways to get your site found on the Internet. One way is to get listed in various directories. This usually involves some kind of fee. Another way to make your site visible on the Internet is to pay for advertising. One of the most popular is the Pay per click system, or PPC for short (e.g. Google Adwords). Under this system, you pay the company (commonly a search engine) who advertises your site a fee every time somebody clicks the link in your advert.

These systems can prove to be expensive and are, in fact, not entirely necessary. A much more cost-effective way of making your site visible is to learn the basic techniques of search engine optimisation. Unlike PPC or directories, listings in search engine results are absolutely free.

Of course, hiring a professional SEO company to do the work of improving your visibility in listings is far from free, but by following the techniques outlined in this course, you can learn how to do the work of optimising you site yourself site while saving a lot of money in the process.

Because search engine listings are free, this does not mean that they are far from important. It is estimated that somewhere in the region of 84% of Internet users have used search engines at some point. This suggests that millions of people search the Internet for products and services every day. An optimised website allows you to tap into this vast reservoir of potential visitors and customers by allowing your site to be found in search engine listings.

Consider also that when Internet users actually go to the bother of typing a search term into a search engine, they are already actively looking for specific products, services, or information. SEO helps you to direct this qualified traffic to your site and thereby convert visits into sales.

An Introduction to Search Engines

In the last unit, we explained why search engine visibility is important. In this unit we will take closer look at search engines. Because SEO is about improving the visibility of your web pages in search engine results, we have to understand a bit about how search engines work. By the end of this unit you should be able to:

understand what search engines do
understand which search engines to concentrate on when optimising your site
understand how search engines rank results
measure the PageRank of individual web pages
understand how to perform advanced searches

This unit assumes that you have read and understood the last part of the course and that you are comfortable with the terms: keyword, keyphrase and search engine optimisation.

2.1 What is a search engine?

Wikipedia defines a search engine as: ‘a program designed to help find information stored on a computer system such as the World Wide Web, or a personal computer. The search engine allows one to ask for content meeting specific criteria (typically those containing a given word or phrase) and retrieving a list of references that match those criteria. Search engines use regularly updated indexes to operate quickly and efficiently.’

Search Engines and Latent Semantic Indexing (LSI)

Search Engines and Latent Semantic Indexing (LSI)

In the last unit of the course, we offered a basic overview of how search engines work. In this unit, we are going to take a more in-depth look at search technology, explaining some of the innovations that have been made to help return relevant results for search queries. In particular, we will be looking at some of the factors involved in Latent Semantic Indexing (or LSI for short).

Because of its very nature, beginners may find the material in this unit quite advanced, so you are encouraged to take your time and try to absorb the main points. We have also provided footnotes and suggestions for further reading. You are not required to read this material, but more advanced webmasters may find some of the sources mentioned useful.

By the end of this unit you should be able to:

understand the basics of Latent Semantic Indexing
understand how a search engine sees documents
understand how a search engine weights keywords

This unit assumes that you have read the previous parts of the course and are familiar with major search engines such as Google.

3.1 Another look at search engines

SEO requires quite a lot of background knowledge if you are going to optimise your page in a manner that is effective and does not actually damage the ranking of your website. Before you even get your hands dirty altering the code on your web pages, you need to do quite a bit of research into the most effective keywords to use for your product or services and into the competition you face in search engine rankings. However, even prior to this, it is necessary that you understand a bit about: