.gif)
How to Add “Link to this post” codes below Each blogger posts.
There are alot of ways to encourage your readers to link back to your blog post.For this you can provide “Link to this post” codes at the end of each post.If the post is useful , readers will share it on their blogs, discussion forums etc this will make your blog popular as well as you will get more and more traffic .
Let’s see how you can do this.
1.Go to Dashboard > Design > Edit HTML.
2.Take the Back up of your template.
3.Check the Expand Widget Templates check box .
4.find the <data:post.body/> in html.
Paste the following code right under <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
<p>Do you like this post? Please link back to this article by copying one of the codes below.</p>
URL:
<textarea id="url-Code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><data:post.url/></textarea>
HTML link code:
<textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><a href="<data:post.url/>"><data:post.title/></a></textarea>
</b:if>
<p>Do you like this post? Please link back to this article by copying one of the codes below.</p>
URL:
<textarea id="url-Code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><data:post.url/></textarea>
HTML link code:
<textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Click to highlight"><a href="<data:post.url/>"><data:post.title/></a></textarea>
</b:if>
5.Now save your template
In this tutorial, I am going to show how to add a useful share box for your blogger blog. This share box contains official Tweet button with counter, official Facebook share button with counter, official Google Buzz button with counter, official Stumbleupon button with counter, BlogThis! link, Email This! link, Print This! link, Comments count link and Facebook like button. I have configure all this button for Blogger blogs, so you can add this share box quickly to your blog.
Now follow the steps given below to add this share box for your blog.
1.Login to your blogger Dashboard and go to --> Design- -> Edit HTML
2.Click on "Expand Widget Templates"
3.Scroll down to where you see below code:
<div class='post-header-line-1'/>
4.Now Copy Share Box code given below and paste it just below the above code.
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.multisharebox {
background: none repeat scroll 0 0 #EFEFEF;
float: right;
margin: 5px 0px 3px 10px;
padding: 0 5px 0;
text-shadow: 0 1px 0 #FFFFFF;
width: 260px;
border:4px solid #d8dfea;
}
.fb-like-boxtop {
background: none repeat scroll 0 0 #EDEFF4;
border: 1px solid #D8DFEA;
color: #000000;
float: right;
font-size: 11px;
margin: 0 0;
padding: 5px 10px;
text-align: left;
width: 230px;
}
.fb-like-boxtop a {
color: #000000;
text-decoration:none;
}
.fb-like-boxtop a:hover {
color: #000000;
text-decoration:underline;
}
.fb-like-box {
background: none repeat scroll 0 0 #EDEFF4;
border: 1px solid #D8DFEA;
color: #000000;
float: right;
font-size: 11px;
height: 60px;
margin: 5px 0;
overflow: hidden;
padding: 5px 10px;
text-align: left;
width: 230px;
}
</style>
<div class='multisharebox'>
<table><tr>
<td><table><tr>
<td><a class='twitter-share-button' data-count='vertical' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow'/>
<b:if cond='data:post.isFirstPost'>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'>
</script>
</b:if></td>
<td><script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=5&r=" + data:post.url'/></td>
<td><a class='google-buzz-button' data-button-style='normal-count' data-locale='en_IN' expr:data-url='data:post.url' href='http://www.google.com/buzz/post' rel='nofollow' title='Post on Google Buzz'/>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/></td>
<td><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></td>
</tr></table></td>
</tr><tr>
<td><div class='fb-like-boxtop'><a expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>BlogThis!</a> | <a expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>Email This!</a> | <a href='javascript:window.print();'>Print This!</a> | <b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments >= 2'><data:post.numComments/> comments</b:if></a></b:if></div></td>
</tr><tr>
<td><div class='fb-like-box'>
Do you like this post?
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=230&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:230px; height:40px;'/>
</div></td>
</tr></table>
</div>
</b:if>
Some time you want to block facebook for a few hours, Twitter, Email for some hours on your computer to stop user of your computer to access these sites. Here i am going to tell you the step by which you can do that in two minutes .
I you are using the Google Chrome browser ,you just install the Google Chrome extension.
By using Google Chrome website Blocker extension you can block any website for desired time.You can also type an optional message.After blocking the site do the following things.
Now your desired websites are blocked and anyone will not know about this .
In this tip i will explains how to submit blogger sitemap to google webmaster tools.First let me explain what are sitemaps and how they will help You.The reason we use sitemaps is,they will help google to crawl,index pages from your site and tell you if there are any problems when they try to index it.It also helps you to know,how many pages exactly are indexed,and what people searched in the search engine to visit your site.
I am going To Explain detailed procedure on how to submit your blogger sitemap to google.
1.First,sign in to google webmaster tools with your gmail account.
2.After you sign in, you will see this asking you to add a site.Type your blog URL and click Add Site.
3. Once your site is added to Google Webmaster, you need to verify the site.This is to make sure that you are the owner of the site.
There are two ways to verify your site.
(a) add a Meta Tag .
(b) Upload an HTML file.
here we show you how to verify using Meta Tag method, when we use Meta Tag method Google will generate a Meta Tag code. Copy the META tag that is generated for you, and paste it in your site's home page before closing of head section.
if you are a blogspot user you have to go Now go to Blogger Dashboard – Layout – Edit HTML and then add the google genrated meta code before the closing of head section and save the Template.
4.After adding the meta tag return to Google Webmaster site, then you can click the button that says “Verify”.
Note: The second method of uploading an HTML file is NOT applicable to Bloggers using Blogger.com or Blogspot.com because this requires you to upload a file to the root directory of your Blog, which is not possible. There is therefore only one method for you to verify your site, and that is by inserting the Meta Tag as explained above.
5.After your site is verified, click on the Sitemaps tab . when you add a Sitemap, you will be providing Google with more details and information about your Blog. With Sitemaps , Google will crawl your site, report information on any errors in the Sitemaps tab, and index your Blog site at a faster rate.
Now Click the link “Add a Sitemap”.
if you are a blogspot user , then use following 2 Sitemaps:-
http://your-blog.blogspot.com/rss.xml
OR
http://your-blog.blogspot.com/atom.xml
If it is redirected to Feedburner account, you may get an error in Google Webmasters tools while adding Blogger sitemap. For this particular problem, just adding ?redirect=false will solve this problem. So the sitemap address that
you should be adding is:
http://your-blog.blogspot.com/atom.xml?redirect=false
Advance Settings
The default number of URLs in Blogger XML sitemap is 25, so within Webmasters tools you will see there are (25+1) 26 total URLs. But if you have more than 25 posts and less than 100 posts then you can add the following sitemap:
http://your-blog.blogspot.com/atom.xml?redirect=false&start-index=26&max-results=100
For more than 100 posts, add a second sitemap:
http://your-blog.blogspot.com/atom.xml?redirect=false&start-index=101&max-results=100
More than 200 posts repeat above to add a third sitemap:
http://your-blog.blogspot.com/atom.xml?redirect=false&start-index=201&max-results=100
And so on.
Save it and after some time check whether the sitemap is properly added or not.
change your-blog with the name of your blog.Congratulations! You have successfully added your Sitemaps. When you login to your Google Webmaster days later, you should be able to see the indexed pages and statistics of Google webcrawl of your Blog.
See Video Tutorial Here
It's actually fairly easy to change the email address assigned to your blog. Whatever you do don't delete the blog.
In fact there is no direct option of changing your blogger email address. Blogger provides an option so that you can add authors which helps to add guest authors to be part of your blog. Using this option we can change your login email ID.Follow these steps -
* Login to your blogger account.
* Click on settings.
* Click on Permissions.
* Click ADD AUTHORS
* Enter your new e-mail address, and an activation link will be sent to your new email address.
* Click that. You will be redirected to blogger, then to your blog. Enter necessary details ( if blogger asks ).
* Once authentication is successful. Log-out and Login with your old-email ID and grant admin privileges to your new email ID.
* After that login with your new email ID and remove your old-email ID.
* Click on settings.
* Click on Permissions.
* Click ADD AUTHORS
* Enter your new e-mail address, and an activation link will be sent to your new email address.
* Click that. You will be redirected to blogger, then to your blog. Enter necessary details ( if blogger asks ).
* Once authentication is successful. Log-out and Login with your old-email ID and grant admin privileges to your new email ID.
* After that login with your new email ID and remove your old-email ID.
This is an indirect way of changing your email address as blogger doesn’t have an option to change email address.
