How to make the share facebook, twitter, and digg blog gogle +1.

How to make the share facebook, twitter, and digg blog gogle +1.

Replacing the share facebook, twitter, digg blog gogle +1 and a function to allow you to share to everyone that you want. Sharing is actually a means to promote your blog, the benefits in the future would have a significant relationship to your blog traffic, the results are directly related to the Alexa Rank.

Replacing the share button, you can put the script code that has been provided by the specific sites, such as the ShareThis site that provides a very complete feature, and what matters is the placement of the script code does not match your wishes or less attractive.

In this post, I will share with you how to make the share facebook, twitter, and digg + Google that its placement on top of your blog posts.
The steps are as follows:

1. Login to your blogger account.
2. Click the Design tab -> Edit HTML.
3. Download the template used in case of errors can be returned to normal.
4. Press Ctrl + F to facilitate the search.
5. Search <div class='post-body entry-content'> or class = 'post-body entry-content'
    and usually there are 2 code, use the first code
6. If you have found, copy the code below and paste it right above
    <div class='post-body entry-content'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
Share on :
</div>
<div style='float:left;padding-left:10px;'>
<a name='fb_share' type='button_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script></div>
<div style='float:left;padding-left:10px;'>
<a class='DiggThisButton DiggCompact'/>
<script type='text/javascript'>
(function() {
var s = document.createElement(&#39;SCRIPT&#39;), s1 = document.getElementsByTagName(&#39;SCRIPT&#39;)[0];
s.type = &#39;text/javascript&#39;;
s.async = true;
s.src = &#39;http://widgets.digg.com/buttons.js&#39;;
s1.parentNode.insertBefore(s, s1);
})();
</script>
</div>
<div style='float:left;padding-left:10px;'>
<a class='twitter-share-button' data-count='horizontal' data-via='User Name' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

As usual following the experience that your blog does not fall apart if the result is an error, then you should CLICK PREVIEW and you need a few minutes to see the results. If you succeed you directly CLICK SAVE TEMPLATE. May you succeed and if you want to look into the source please click here.

To make your blog into SEO, please visit :
1.  http://incomeplus99.blogspot.com/2012/06/how-to-create-blog-search-engine-faster.html
2.  http://incomeplus99.blogspot.com/2012/06/make-post-title-is-more-seo-friendly.html
3.  http://incomeplus99.blogspot.com/2012/05/increase-google-pr-with-seo-freindly.html
4.  http://incomeplus99.blogspot.com/2012/03/meta-tag-seo-freindly-super-lengkap.html
5.  http://incomeplus99.blogspot.com/2012/05/kode-breadcrumb-yang-cepat-terindex.html

ARTIKEL TERKAIT: