Tuesday 24 January 2012

Related Posts Widget With Pictures


Related Posts Widget With Pictures

Share
You’ve probably read my previous post on how to add related post below your blog posts but we all know pictures do convey a lot of message. This blogger widget does the same thing but spices it up by adding a snapshot from the linked posts. Now, aint that cool?
It’s quite easy to install and you don’t need to do any html editing. Just a couple of clicks and the whole thing is set up.

1. Visit linkwithin.com
2. Enter your details in the form and click on “Get Widget”.
3. In the next page, click on “install widget” and it’s set up!
You can use this widget or the one without pictures I posted earlier depending on your taste. This is more eye-catching, I must confess. The only thing I dislike about it is the fact that it relies heavily on javascript and might take some time to load especially for visitors with slow connection.

Submit Your Blog’s Sitemap To Google


Submit Your Blog’s Sitemap To Google

Share
If you intend to be listed in google search results, then I guess you must tell google about every single page on your site. Submitting your sitemap to google goes a long way in SEO (search engine optimization).Google Webmaster Tools shows you
-search results in which your site appear
-how your site ranks in all search queries
-click through rate (what percentage of people actually visited via that search result)
-all sites linking to your blog
-keywords that drive visitors to your site
-certain errors you might not be aware of.
After signing in to Google Webmaster Tools with your google account, you must add your blog and verify ownership. Follow these steps:
1. Add your site
2. You’re asked to verify domain ownership on the next page. Select “ADD META TAG TO MY SITE’S HOMEPAGE” then copy the code given.
3. Login to your blogger Dashboard, click on Design, then Edit HTML
4. Search for this code:
<head>
5. Now, just after this code, paste the code you copied earlier and save your template.
6. Go back to your Google Webmaster Tools and click on verify.
7. The next step now is submitting your sitemap. Select Site Configuration from the links on the left sidebar and click submit sitemap.
8. Now paste this in the space provided after your blog’s address
/atom.xml?redirect=false&amp:start-index=1&amp:max-results=500
That’s all. Google now has your sitemap for easy crawling.

different title tags blogger


Open Blogger Template

  1. Open Blogger’s Dashboard.
  2. Go to the Layout tab.
  3. Go to Edit HTML.
    1. Download the full template, for backup purpose.
    2. Check 

Edit Tag Title code

Find<title><data:blog.pageTitle/></title>and replace it with one of the two above (I prefer the second).

Post title followed by Blog name

If your blog name includes relevant keywords to all your posts, you should use this code:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

different meta tags each post blogger


Sample of a general meta tag and how to use it on blogger can be found on this blog postas the one shown below is for specifying unique meta tags for different posts.

<b:if cond='data:blog.url == "BLOG-POST-URL-HERE"'>
<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>
</b:if>
For this particular blog post, my unique meta tags for it should look just as shown below:

<b:if cond='data:blog.url == "http://www.doncaprio.com/2011/09/meta-tags-different-unique-posts-blog.html"'>
<meta content='How to add different meta tags for different blog posts. This post explains how to use unique meta tags for blog post on blogger.' name='description'/>
<meta content='meta tag, blog, different, unique, search engine ranking, google' name='keywords'/>
</b:if>

meta tag home page blogger


Let’s see how to add these tags,

1.     First visit your DASHBOARD >> DESIGN >> EDIT HTML

2.    Then find the following HTML tag

<b:include data='blog' name='all-head-content'/>

3.  Then copy the following code and paste it just below the above code (As I shown it in following screenshot).

<b:if cond='data:blog.url == "http://techblaster.co.cc/"'>
<meta content='
DESCRIPTION' name='description'/>
<meta content='
KEYWORDS' name='keywords'/> </b:if>


This is how you see after adding your META tag

                                                    
4.   Then change above red coloured text with your own url for that particular post, your description for that post and your keywords for that post.

5.     If you want to add META tag for your next post again copy the abovr META Tag and paste it below the previous META tag

6.     Then SAVE your template. That’s all.