Social Bookmark Links

Social Bookmark Links are widely used by bloggers to help their readers share the useful contents to the world! Digg, Technorati, Delicious, Stumble Upon, Facebook etc are widely used online social bookmarking and sharing communities.

This post explains how to add Social Bookmark Links below post body(content) in Blogger(blogspot) blogs. It's very simple, just do the following steps:

Please Note: Before Editing your Template, Save a copy of your current template by clicking'Download Full Template' in 'Edit HTML' page of the Blogger 'Layout' Window and'Preview' the changes before Saving

1. Go to Blogger Dashboard - click Edit Layout - then click Edit HTML
2. Select Expand Widget Templates as shown in the image below:
   
3. Then Search(Ctrl+F) the code given below in your template:
   
   <div class="post-footer-line post-footer-line-1">
4. Add the code given below just after the above line:
   
   
   <!-- Start of social bookmarks -->
   <b><i>Share this:</i>
   |
   <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Digg It</a> |
   <a expr:href='&quot;http://technorati.com/faves?add=&quot; + data:post.url' target='_blank'>Add to Technorati</a> |
   <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Save on Del.icio.us</a> |
   <a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Stumble It</a> |
   <a expr:href='&quot;http://www.facebook.com/share.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'>Share on Facebook</a> |
   <br/><i>Widget by:</i> | <a href='http://bloggertipsandtemplates.blogspot.com/' target='_blank'>Blogger Tips and Templates</a> |
   </b>
   <!-- End of social bookmarks -->
5. Finally, Save the Template. Finished!

You will see Social Bookmark Links as shown in the image below. Drop Comments!

how to submit blogger sitemap to google-useful tip for new bloggers

This tip explains how to generate and submit blogger sitemap to google webmaster tools:Before doing this,let me say what are sitemaps and how they will help us.The reason we use them is,they will help google bot to crawl,index pages of 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.
Let me explain the detailed procedure on how to submit your blogger sitemap to google.
1.First,go to google webmaster tools and sign in with your gmail account.
2.After you logged in, you will see this asking you to add a site.

Add your blog url(ex:kranthitips.blogspot.com).Don't add with http or www.

3.Next,it asks you to verify your site.It is just to confirm whether you are the owner or not.

CLICK on the 'verify your site' link.





Next,




4.There are two ways to verify your ownership but, there is only one way for the blogger users to add a metatag.

5.Copy the metatag.

Now,sign into your blogger account>click the layout button>Edit html and paste the metatag just after the head tag and save the changes.


and click the verify button in the google webmaster tools and there will be a confirmation message saying that you have sucessfully verified.

Now,you have to submit a sitemap for google to crawl your site.Go back to the google webmaster dashboard or (home) and click the 'Add' link which is next to your blog name and in the Sitemaps column.Then,you see this,



Choose 'Add general web sitemap' from the dropdown menu and type rss.xml or atom.xml next to your blog address as shown below

or

and click the 'Add General Web Sitemap' button.

6.That's it.Now your sitemap is successfully submitted to google.Check 2 or 3 days after and you will see the detailed statistics of your blog(indexed pages,any errors,etc.)

If you have any questions regarding this,you can ask here via your comments

How to Change Favicon in your Blogger Blog

part of your blog design, usually blogger blogs have Blogger logotype as favicon, but you can easily change it to your favicon. It can be your blog logotype or some funny small picture, for example 'smileicon'. Ok, take your logotype (if you have it) or some picture or draw your own logo in Photoshop (or other graphic editing software).
Creating Favicon After creating you logo you need to change size of it to 16x16 pixel and save it in '.ico' format ( for example: my_favicon.ico ). This can easily be done at FreeFavicon.
Installing Favicon

Now you need to install your favicon to Internet. You can use one of the free image hosting provider or Google Page Creator. Just upload your .ico file to your Google pages directory, like on the picture.

Installing Favicon to Blogger Now you need to go to yourBlogger account.
1. Click on 'Layout'.
2. Click on 'Edit HTML',
3. Backup your template!.
4. Now, if you are using google pages, you need to add the following codes right after the<head> code:

<link href='http://myname.googlepages.com/my_favicon.ico' rel='shortcut icon'/> 
<link href='http://myname.googlepages.com/my_favicon.ico' rel='icon'/>

*Change 'myname.googlepages.com' to your account address, change 'my_favicon.ico' to your favicon name.
5. Save your changes.
* This changes will not appear immediately, just refresh it once and it should appear.
Cheers...Write your doubts or queries via comments.

Showing ads between the Post Title and Post Body

showing just below every post title (but above the post body) on different blogs or websites. You can see it on this blog also. But have you ever tried to apply this on your blog. Some of you may have tried it by adding the adsense code in post, but its not possible to put adsense code every time you make a post. or still if you do this, it would be very hectic.

Here I am showing the simple trick using which, you will have to do it only once and it will automatically be showing below the Title of each and every post of your blog.Just follow the simple steps showing below:

Step 1:
First of all setup your Adsense in whatever format you wish or which suits your blog and get the code.

Step 2:
When you have have got adsense code, you will have to parse this code HERE. Parsing is nothing but the conversion of the special symbols of adsense into xml supported language. After parsing you will get the converted code. Just Copy the code and then proceed for the next step.

Step 3:
Now login to your Blogger Account and go to Layout >> Edit HTML. Here you then Click on the "Expand Widget Templates" box.

In HTML code box find (Ctrl+F) the below peice of code:
<p><data:post.body/></p>

Step 4:
When you found this code just put your parsed adsense code before the <data:post.body/>tag. You code will look like this:
<p>YOUR PARSED ADSENSE CODE HERE<data:post.body/></p>

When you have done this, dont hurry to save it. First see the preview of it and if it shows perfectly, you can save it now. But it may sometimes not show perfectly depending upon your template style or if you are using ads other than from Google Adsense. Well in this case, dont worry, You will have to change the first step. Means when you get the adsense code (Whether from Google or else) you will have to do something more before Parsing it(i.e. Step 2).

Step 1 (alternative):
After getting the adsense code, just add a peice of code just before and after your original adsense code as shown below:
<table align='left'><tbody><tr><td align='left'>
YOUR ORIGINAL ADSENSE CODE HERE
</td></tr></tbody></table>

This code is now the result of your First step instead of previous one. Now copy this whole code and then go to the Step 2 (i.e. Parsing).

If you still find any problem, just do write it in comments. I will try my best to solve it.........happy blogging!!!!!!!

Now you can showcase your work with style using Blogger

Now you can showcase your work with style using Blogger! Showcase is a very stylish template that features the great gallery style that everyone is looking for. If you need to post pictures, designs, inspirations or any kind os stuff, SHOWCASE is the way to go!

Features:

• Gallery Style
• Well designed graphics
• Organized
• Dark Gray / Yellow
• Custom comments, Blockquotes and Lists
• Automatic Thumbnail
• Custom icons for each sidebar widget
• Clickable Thumbnails

 

Add "Show All Post" (Table Of Content) Link to your Bloggers Blog

Hello friends... Here I am showing in this post a very good hack for all of you Bloggers. Do you want to make a table for content for your all posts??

1. Log in to your blogger account.
2. Go to Layout >> Edit HTML
3. Click on small box Expand widget templates.
4. Find this Code: <b:include data='post' name='post'/> 

5. Replace that code with the below code. 

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#999999;color:#406A0E;"> 
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
6. Save your template.
7. Then Copy and paste below code where you want to show your link. I showed it in my navigation menu bar and also in my sidebar under the monthly archive. Just Check it Out.

<a href="http://faverblog.blogspot.com/search?max-results=200">Show all post &raquo;&raquo;</a>Change name and number with your blogger name and a number you want to show post per page.