Monday, July 12, 2010

Teach your Blogger Blog to speak Facebook's open graph protocol

In your blog's control panel goto the Design tab and select Edit HTML. Find a tag called "<head>" (ctrl+f if you can't find it quickly) and add this code right after it:
<!-- Facebook open graph --> 

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='&quot;the post: &quot; + data:blog.pageName' property='og:title'/> 
    <meta content='article' property='og:type'/> 
</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/> 
    <meta content='article' property='og:type'/> 
    <meta expr:content='data:blog.pageTitle' property='og:description'/> 
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <meta content='the blog' property='og:title'/> 
    <meta content='blog' property='og:type'/> 
    <meta content='Put your helmet on!' property='og:description'/> 
</b:if>

<meta expr:content='data:blog.url' property='og:url'/> 
<!-- REPLACE THIS WITH YOUR OWN IMAGE -->
<meta content='http://3.bp.blogspot.com/_XnhytjnfyaU/TBI7ItnIPII/AAAAAAAABJY/SJRWM5RHDgI/S1600-R/header.png' property='og:image'/> 
<meta content='625752324' property='fb:admins'/> 
<meta expr:content='data:blog.title' property='og:site_name'/> 

<!-- Facebook open graph --> 
Here is a break down of whats going on here:
This code is specific for item (post) pages, it tells facebook that the title for this page should be The post: <post name here> and the graph object type is article (this tells facebook that the content is transient, see link to reference at the end of this post).
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='&quot;the post: &quot; + data:blog.pageName' property='og:title'/> 
    <meta content='article' property='og:type'/> 
</b:if>
The result on the user's wall will look like this:

Next:
This code handles archive pages (like this one) and will tell facebook that the title should be <month year> posts e.g. December 2008 posts.
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <meta expr:content='data:blog.pageName + &quot; posts&quot;' property='og:title'/> 
    <meta content='article' property='og:type'/> 
    <meta expr:content='data:blog.pageTitle' property='og:description'/> 
</b:if>
The result on the user's wall will look like this:

Next:
Code to handle data in our blog's index (homepage), this will tell facebook that the title is the blog and the type of the graph object is blog. I also specified a static description text: put your helmet!
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <meta content='the blog' property='og:title'/> 
    <meta content='blog' property='og:type'/> 
    <meta content='Put your helmet on!' property='og:description'/> 
</b:if>
The result on the user's wall will look like this:

Finally, we're telling facebook about some general stuff:
Here we wire the current page's url to the open graph protocol's url property:
<meta expr:content='data:blog.url' property='og:url'/> 
The image facebook uses all around when displaying our graph object on facebook (If you don't replace this with your own image, you'll get my blog header image):
<meta content='http://3.bp.blogspot.com/_XnhytjnfyaU/TBI7ItnIPII/AAAAAAAABJY/SJRWM5RHDgI/S1600-R/header.png' property='og:image'/>
The user id (or ids) of the facebook profiles that administer this page (see how to find your user id here):
<meta content='625752324' property='fb:admins'/> 
A title for the site:
<meta expr:content='data:blog.title' 
property='og:site_name'/> 
Basically in places where we want a dynamic blogger property we use expr:<attribute>='<blogger data expression>' instead of simple html attributes like context="My title".

If you want to see how Facebook reads your open graph protocol metadata you can use Facebook's URL Linter.

Here you'll find the Open Graph Protocol's reference.

For more information, please see my post on how to use Facebook Javascript SDK from your blog and properly add a "like" button to your posts.

Also, check out some cool blogger books on amazon: Search Amazon.com for blogger

80 comments:

  1. thanks so much. been looking for the full mccoy even though things are still getiing changed for awhile. would you mind answering a few questions about how to implement what you have into what I already have, or maybe much easier exactly what I need to change on your code for my particular site. i'm still a little dizzy trying to digest it all. i'm just really ready to be done with it.

    thanks,

    m

    ReplyDelete
  2. i just realized something about your code...is it meant to be used as a bypass for the Facebook app which I have? and if not, where do I insert that information. i've just put it in: meta content='xxxxxxxxx' property='fb:app_id'
    meta content='100000714206368' property='fb:admins' (above the fb: app id line)

    ReplyDelete
  3. Hi

    First, I would be happy to answer any questions posted here.

    With regards to your question, there is nothing here the is meant to be used as a bypass... there is no app_id needed for this tutorial.

    I see now that there is a missing piece of information in my post: in your blog's control panel goto the Design tab and select Edit HTML. Find a tag called "" - there is no tag name :)

    I corrected the post. This code should go inside the HEAD tag of your blog's template.

    Hope this helps

    ReplyDelete
  4. oh, yeah, mainly i forgot to tell you what a genius you and gil goldschlager (Facebook developer forum tutorial guy: you can find his Blogger specific Tutorial there or just by searching for Blogger Facebook in Development) are for deciphering and delivering some of this much needed clafification. indeed, i've already installed it and the post designation works as explained.

    Here's how it looks on my blog now: http://whatgetsmehot.blogspot.com

    the only problem I can see so far is that it has caused the comment box to take a little longer to load which I understand has to do with what github has explained as some asynchronous setup which I totally do not understand.

    just let me know where I can send you my batch of code re: connecting to my Blogger Ap on Facebook and I'll fill you in.

    Thanks again,

    m

    ReplyDelete
  5. Maybe I missed something, not a big genius after all :)

    Why do you want to send me code?

    ReplyDelete
  6. i wanted to send you the code as i translated with my information for my blog to see what you thought, because this is very confusing to not just me:

    Read my http://forum.developers.facebook.com/profile.php?id=19287 post http://forum.developers.facebook.com/viewtopic.php?pid=252087#p252087 to Gil on FB Platform Developer Forum and His Blogger Tutorials on Comment Boxes--Like Boxes (which i see you are using an iFrame for (i suppose instead of dealing with an App) http://forum.developers.facebook.com/viewtopic.php?pid=227562#p227562
    ...

    (cont. below)




    ----------------FB Post---------

    Here's
    this guy's code which is supposed to add more specific info to Blogger posts (which I think you were asking about below). Let me know if you think it looks right before I do anything?


    So would i add this to the html at top of template?


    Code:

    xmlns:expr='http://www.google.com/2005/gml/expr'xmlns:og="http://opengraphprotocol.org/schema/"
    xmlns:fb="http://www.facebook.com/2008/fbml">

    And how would I incorporate the App ID which his doesn't include?


    thanks,

    send me a message if you can help with this.

    mrjyn

    ---------------end of FB Forum Post--------------



    ...
    I thought it might help some other Blogger bloggers.

    Also, the main question about the App is that for Facebook to initiate a full connection, one is supposed to HAVE to use an App, an App id, and their New SDK Code; so I was wondering how your code works without the benefit of associating an app with it.

    Let me know if you understand what I'm asking.

    M

    mrjyn

    ReplyDelete
  7. just getting around to doing the open graph thing. wondering why you have the meta og backwards from the FB example? <meta content='og VS. <meta property="og:url"

    ReplyDelete
  8. hi there. thank you for this much needed info. i have spent insane amounts of time trying to figure out why the clicks of the like button on my blog posts are listed on the user's page as text and not a hyperlink.

    i had hoped inserting open graph code would fix it, but it hasn't. do i need to customize the code you've provided in some way--ie: replace "title" with the title of my blog?

    any help you could offer would be greatly appreciated!

    //a
    http://www.ashleywestleonard.blogspot.com

    ReplyDelete
  9. update--

    i've customized the code according to the instructions i found on ogp on facebook, but it didn't fix the problem.

    the link shows up properly when the user "likes" AND leaves a comment, but not if they only "like".

    thanks again,
    ashley

    ReplyDelete
  10. Got a quick glance at your blog's source, didn't see any like code there... Could you paste the code here?

    ReplyDelete
  11. yeah, i got so fed up yesterday that i replaced it with a share button, which i think fewer people will use.

    the code i used for the like button was from the facebook developers page (pasted below without opening and closing carets):

    iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.ashleywestleonard.blogspot.com&layout=button_count&show_faces=false&width=450&action=like&colorscheme=dark&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe

    if you have any idea how i could get the "likes" to be links on facebook, i will so totally put it back. ;)

    //ashley

    ReplyDelete
  12. Please check the last code snippet in this blog spot... it shows exactly how its done properly :-)

    ReplyDelete
  13. thank you so much for your response. i tried to implement that snippet you provided, but i had to add a bunch of semi-colons to get blogger to accept it. then after clicking "like", the gadget scrunches up illegibly, and shows a broken blogger link on fb.

    i think it's time i "unlike" this endeavor.

    i do appreciate your help, tho!

    ReplyDelete
  14. This just WILL not work for me at all. I can create the 'like' button but my URL will not come up as a hyper link on FB nor will the story. here's my blog: http://maggiered.blogspot.com/

    ReplyDelete
  15. Hi

    Please note that in your code the href parameter for the like.php (which is the src of the iframe like social plugin) is this: "http%3A%2F%2Fgoo.gl%2Fb%2FcTZk" for all posts, this will clearly not work.

    The code shown in this post works only for when a user navigates into your post (i.e. by clicking on a title in your main blog page or something like that)

    ReplyDelete
  16. hey, thanks for all the tutorial, really helpful.

    just want to ask, it is take time for my site to be viewed as a "page" on FB when somebody click on the "like" button?

    I mean, it is will shown as hyperlink later, or supposely directly after i follow your instruction?

    and why is my blog is showing poor result when i read it by using the fb url's linter?

    u can view my site here,

    http://cari-makan-online.blogspot.com/

    ReplyDelete
  17. I've published a new post solely on how to use Facebook Javascript SDK from blogger and properly adding a like button to your posts. see here:
    http://blog.yanivkessler.com/2010/09/integrating-facebook-javascript-sdk.html

    ReplyDelete
  18. Thanks so much. Got it finally working in a few minutes after fiddling around for much too long!

    ReplyDelete
  19. very useful post, thanks very much :)

    ReplyDelete
  20. Somehow I have ended up with your header image as my image on Facebook when people like my blog: www.5rolledtacos.com. Your code was helpful, but I can't seem to undo whatever the initial damage I did when I copied your code into my "head" tag.

    Any advice or help would be appreciated.

    ReplyDelete
  21. Hi,

    Look for this code in your blogger template:

    <meta content='http://3.bp.blogspot.com/_XnhytjnfyaU/TBI7ItnIPII/AAAAAAAABJY/SJRWM5RHDgI/S1600-R/header.png' property='og:image'/>

    Replace the content attribute's value with your image.

    ReplyDelete
  22. Hi Yaniv, thx 4 the code. But, i had sum problem. I pasted your code, and modified based on my need. But when i "lint" it, they gave me:
    Error Creating Page: You must specify a URL as part of this widget or API.

    i think this is the problem:

    meta expr:content='data:blog.url' property='og:url'

    amidoinrite?

    If so, what's wrong?

    ReplyDelete
  23. Hi again Yaniv.

    Today, i no longer had a "Error Creating Page: You must specify a URL as part of this widget or API." - error.

    For those who had sum problem like me, just go to Facebook Support and submit your bug including lint page screenshot. Your bug should be removed on... in my case 2 days.

    ReplyDelete
  24. Excellent, just what I was looking for

    ReplyDelete
  25. Hi Yaniv - thank you for taking the time to post this code. I was wondering if you have any input on how to get facebook to display the first image embedded in each post, rather than one generic blog image for all posts? My blog is a visual blog, and it would be great to display images specific to each post, if possible, so that people can see what the post is about in a glance. Thank you!

    ReplyDelete
  26. I tried to add the codes above to my blog, I am a newbee in html. I didn't know that I should have edited some codes or somehow had it personalized. Now, what I got is the thumbnail of this site that when somebody clicks it, they are directed to the content of my site. I cannot remove or undo it. What should I to change the existing thumbnail and title? Thanks.

    ReplyDelete
  27. How can I add dynamic description and image to the code? What is the good blogger data expression for it?

    I would like to add the first picture and dynamic little description after the title from the article.

    Thank you for your help!

    ReplyDelete
  28. I have a problem: now if I share a POST on Facebook for instance, the image shown is always the DEFAULT one for my blog, and not the images that are on each and every post. I wanted to know if there was a way to add a sort of "dynamic" og:image metatag to the "item" section of Blogger template, or something else in order to fix this issue of mine :(

    ReplyDelete
  29. Hi Yaniv Kessler,

    Sorry, but that post not for good for me. I would like to personalize the thumbnail and description. I don't want to use constant picture and text. I would like to use picture from my blog article, and description from the actual content automatically.

    Se this page: http://www.google.com/support/blogger/bin/answer.py?hl=en&answer=47270

    I would like to auto insert the beginning of posts "body" and an image from it.

    ReplyDelete
  30. Yeah, I was about to post the same: now when I share an article (for instance on FB) the thumbnail is the DEFAULT one (associated with og:image, in the "general" section). I look for a sort of dynamic og:image to put in the "item" one...

    ReplyDelete
  31. Hello people,

    There have been several requests already for this kind of functionality. I will write a post about it in the weekend. Thats a promise :)

    Y

    ReplyDelete
  32. Okay, I'm waiting for it. :) Thank you!

    ReplyDelete
  33. Still working on a solution for this, problem isn't as straight forward as I thought, will share as soon as I get something.

    ReplyDelete
  34. Anonymous24/5/11 17:28

    I was struggling to figure out how to get a post's body (or just part of it, to be precise) into the Open Graph description, and keep realizing its not as easy as it looks either. I'm not too familiar with Blogger's customizations, but it seems like the only way to get the "posts" is to use a "Blog Posts" widget... and the only way to get a widget is to have it inside a b:section. And b:section is not allowed inside a head tag. And thats where I got stuck.

    ReplyDelete
  35. Anonymous27/6/11 21:20

    This is a great post and I immediately enabled it for my blogs. Thanks a lot

    Like few of the readers of this blog, I too am looking for adding a dynamic image to the og:image tag.

    ReplyDelete
  36. This comment has been removed by the author.

    ReplyDelete
  37. If you exclude the og:image tag, the first image in the post is automatically taken.

    The site image (static) can be specified within the if loop for pageType = index as mentioned in this post.

    ReplyDelete
  38. Dear Mihir,

    This is not good, because the first image the favicon or the logo, not the first picture from the article.

    ReplyDelete
  39. Hey,
    Was wondering If you can throw some light on how to show one of the images in the post for the liked thumbnail on facebook, instead of a static image.

    ReplyDelete
  40. I don't understand, why can't insert/use the 'data:post.thumbnailUrl' parameter to it? Any idea?

    Original code:
    content='URL OF THE STATIC IMAGE' property='og:image'

    Tried code, but not works:
    meta expr:content='data:post.thumbnailUrl' property='og:image'

    Example about using this parameter for other things:
    http://www.bloggerbuster.com/2011/03/easy-post-summaries-and-thumbnails-for.html

    ReplyDelete
  41. Update Mar 2011: Blogger now provides a (unique) snippet for each blog post, which in turn can be used as meta description (which is picked up nicely by Facebook).

    Basically,to add post snippet description meta tag (replace all "[]" with "<>":

    after
    [data:post.body/]

    add
    [b:if cond='data:blog.pageType == "item"']
    [b:if cond='data:post.snippet']
    [meta expr:content='data:post.snippet' name='description'/]
    [/b:if]
    [/b:if]

    Furthermore, if you get creative, you can still use the Blogger conditional tags to "direct" where and when you want certain Facebook OGP to apply

    List of conditional tags:
    Index (list) pages include homepage, labels page and yearly archive page.
    [b:if cond='data:blog.pageType == "index"']

    Post (item) page
    [b:if cond='data:blog.pageType == "item"']

    Static Page
    [b:if cond='data:blog.pageType == "static_page"']

    Archive page
    [b:if cond='data:blog.pageType == "archive"']

    Homepage
    [b:if cond='data:blog.url == data:blog.homepageUrl']

    Specific page/url
    [b:if cond='data:blog.url == "PUT_URL_HERE"']

    Hope this helps. Do drop by http://when2meets2.blogspot.com/ my blog for a visit too. There's a Google translate feature, to suit your language preference.

    ReplyDelete
  42. Hey 达达,
    Saw your lovely blog. But I believe that inserting the meta tag after [data:post.body/] would not put the meta tags within the [head] section of the page but would rather put those within [body] and facebook's linter tool then does not pick the og properties. Als could you let me kow how you are inserting the [link rel="image_src"] dynamically in your posts. Thanks in advance.

    ReplyDelete
  43. Thank you Sree for the compliments. I made a mistake there in the previous comment. Thank you for highlighting the error. The following Blogger post snippet description meta tag should go before [data:post.body/]

    [b:if cond='data:blog.pageType == "item"']
    [b:if cond='data:post.snippet']
    [meta expr:content='data:post.snippet' name='description'/]
    [/b:if]
    [/b:if]


    And you're correct, if you use the post snippet, facebook's linter tool then does not pick the og properties, og:title, og:type, or og:image. However, it is a good trade off, as Facebook picks up the correct Image, Title, Site Name, and description. Try "Like"ing one of two of my posts and you'll find it turning up correctly on your FB Wall

    However, please not that while this is successful when it comes to post pages, the same cannot be said for static pages

    In order to fix this, I am using H2SC's OGP solutions, coupled to making these OGP meta tags conditional to the static pages. This way, I get to control what OGP meta tags I want to show for individual static pages. To me, dynamic fetching of images are not necessary for these static pages, as I use them for non-dynamic purposes

    I am unsure how this would impact on the FB OGP as a whole, I am not even sure if the "Likes" of post pages are getting onto friend feeds, but at least these "Likes" get onto their Walls in a correct manner

    As for your query on "how you are inserting the [link rel="image_src"] dynamically in your posts" , you lost me there...

    But I can tell you another trick, Facebook pulls the description from the following sources, (1) First it looks for a description meta tag, and uses the content as description, (2) if that fails, and no description meta tag are found, Facebook looks for the first [p](paragraph) tag that contains at least 120 characters, and(3) only when none of the above is available, it leaves the description spot blank.

    Therefore, I do this, [p][data:post.body/][/p], at every instance of [data:post.body/] in my Blogger template

    In summary, I think Facebook pulled the image "dynamically" from my post pages using the data:post.snippet, while perhaps my description is pulled from the [p] shoulders.

    Hope this helps!

    ReplyDelete
  44. Dear 达达,

    Can you create a clear code for me? Because I don't know whitch codes wrong from the original blog, and what should I change on it?

    ReplyDelete
  45. What is the problem? :) See the desc.: screenshot about problem

    ReplyDelete
  46. Sancho, I would have loved to help, but based on yr screenshot, I have not come across this before, and hence unable to explain this. But hopefully, I can give you a few clues to where it could have gone wrong

    (1)I did not apply Yaniv's FB OGP tweaks at all. If you have used Yaniv's tweak, please roll back.

    (2) Instead I modified Yaniv's FB OGP tweak by using [b:if cond='data:blog.url == "PUT_URL_HERE"'] conditional tags to target FB OGP to SELECTED STATIC PAGES. The reason is noted in (3)

    (3) Please note that the STATIC PAGES do not have 'data:post.snippet', but the POST PAGES do. Also please check if you're using the old blogger templates or newer ones (because I am not sure if older templates include 'data:post.snippet')

    (4) Hence I relied on my 'data:post.snippet' tweak on POST PAGES only.

    [[[[[NOW ON TO the 'data:post.snippet' tweak for FB]]]]]

    (1) Insert the code below, anywhere before you see any [div][/div] or [b:if][/b:if] containing [data:post.body/] :

    [b:if cond='data:blog.pageType == "item"']
    [b:if cond='data:post.snippet']
    [meta expr:content='data:post.snippet' name='description'/]
    [/b:if]
    [/b:if]


    (2) all the[data:post.body/] in your template should become [p][data:post.body/][/p]


    Hope this fixes your problems. Sorry I wasn;t able to explain your screenshot

    ReplyDelete
  47. and Sancho, make sure you replace every "[" in my comments with "<" before you apply the codes

    ReplyDelete
  48. Also read this on how to properly code your data tags i.e. [data:post.body/] in the new blogger template,http://www.consumingexperience.com/2007/01/new-blogger-expr-how-to-convert.html

    ReplyDelete
  49. I'm using an old template. I think, this the soource of my problem. :) Thank you for your help!

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. This comment has been removed by the author.

    ReplyDelete
  52. You're damn awesome man. The stuff that you've put here has eluded me since ever. Finally, I have been able to link image of my choice to thumbnails of facebook share. Thanks again :)

    ReplyDelete
  53. This was so terrifically helpful. Thank you so much. Before your fix, links to one of my blog posts would show snips of visitor comments instead of text from the post. I entered your code, and now facebook links to my page are exactly right.

    :)

    ReplyDelete
  54. Ciao,

    I have followed you advice, but when I share a post on Facebook the post description doesn't show up. Any help?
    My blog is called ArchaeoJobs (http://www.archaeojobs.com/)
    Paolo

    ReplyDelete
  55. PS: and the image shown is lways that of a guy sitting in front a computer on a yellow background.

    ReplyDelete
  56. Ok, I replaced your image with my blog's logo, but:

    -Still no description

    -It always shows just that logo rather than the image in the post

    Help!

    ReplyDelete
  57. Paolo, if you want photos from your posts, instead of usinjg Open Graph Protocol, use the solution I posted.

    Link to my comments made on this blog http://blog.yanivkessler.com/2010/07/teach-your-blogger-blog-to-speak.html?showComment=1312302641394#c2458189417277137301

    The contents of my post shodl be self explanatory.

    Hope this helps

    ReplyDelete
  58. Hi,

    If you have a look at my blog source (http://www.archaeojobs.com/) you will see that I am already using your 'Facebook open graph'. Could you let me know if you understand what is wrong with my code? Thank you,
    Paolo

    ReplyDelete
  59. It worked like a charm. No errors at all. Thank you very much!!

    ReplyDelete
  60. Anonymous23/2/12 23:49

    how to fix like thumnail ... alway it show default image but not the one which is in post. I want to show thumnail of post image

    ReplyDelete
  61. Guys this method works for me all other i have found around the web is not working. But the only problem is how to set 1st Image of image from the post instead of default logo. kindle let me know.

    Thanks in advance

    ReplyDelete
  62. This comment has been removed by the author.

    ReplyDelete
  63. Thanks you saved me a lot of hours :)

    ReplyDelete
  64. hmm this site is really amazing and inspirational cool to me, i am really impressed by this awesome site.

    ReplyDelete
  65. Hi I followed your instructions and it worked kind of.
    Now when I post an article from my blog onto my facebook wall, the image displayed is this one: http://3.bp.blogspot.com/_XnhytjnfyaU/TBI7ItnIPII/AAAAAAAABJY/SJRWM5RHDgI/S1600-R/header.png

    So of course i removed that image from the meta data- in fact i removed the whole og:image code. And it still displays that image.

    Since I cant find where that image is being referred to in the coding- do you have any suggestions?

    Thanks.

    ReplyDelete
  66. The tag which is linked to my blog image is:
    <meta content='http://3.bp.blogspot.com/_XnhytjnfyaU/TBI7ItnIPII/AAAAAAAABJY/SJRWM5RHDgI/S1600-R/header.png' property='og:image'/>

    if you removed it and its still showing it perhaps it has something to do with facebook cache, try putting your site in facebook linter here: https://developers.facebook.com/tools/debug

    Hope this helps

    Y

    ReplyDelete
  67. Hi can you please help me with this?

    When I use URL Linter, it says:

    Open graph warnings that should be fixed.

    Parser Mismatched Metadata: The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input property =>content pairs that were not seen in the parsed result: 'fb:admins => nourelainn'

    ReplyDelete
    Replies
    1. possibly you need to use your fb account number? can you put a link to your site / blog here ?

      Delete
    2. Oh. When I open my fb profile, the url is https://www.facebook.com/nourelainn so my id should be nourelainn right? Because I remember changing the number to nourelainn long time ago.

      Sure. It's http://dizzyzizzy.blogspot.com

      Delete
  68. AWESOME - YOU ARE GENIUS :) ABSOLUTELY LOVED IT - THANKS A TON :)

    ReplyDelete
  69. wonderful post, this what I searching for. thanks :-D

    ReplyDelete
  70. Social submission for linked is fixed. This was really nice post. I used <meta expr:content='data:blog.metaDescription' property='og:description'/> for dynamic description.

    ReplyDelete
  71. Thank you for this, by far the best description and help on the matter that I've found.

    ReplyDelete
  72. helo, i have tried the script after '/Head>
    but forgot to change the image...
    so now its showing your image...

    now i have restored my old html backup and tried again
    but still showing your image...

    please tell me the solution ...

    ReplyDelete
    Replies
    1. Hi there,
      Please leave a link to your blog, ill take a look...

      Yaniv

      Delete
  73. Thanks a lot brother! It worked like a charm! :)

    ReplyDelete
  74. A completely awesome post! Thanks so much! Now I have a better understanding on customizing my templates at my blog: Shamatae's World Omnibus of the Weird and Hilarious

    ReplyDelete