How to Fix Error Page Share Button on Blogger Template

I 'm changing my  Blog Template on Blogmytuts.net
I test the template on my test blog  with no errors ,  then  I upload it on blogmytuts.net  and test it again..    I got a error share button which are embedded on the template  when I click the Share button instead it open new tab and share it on social media it open a blog post  " PAGE NOT FOUND".

I observed the behavior of the  scripts .

On blogspot.com   it needs data:blog post  which  works perfect on  blogspot with no Domain.

While on blogger with domain   its open  it targets a site page which cause the "Page Not Found".

To fix this we need to replace the scripts with  direct social network links.

On your Template Search Share buttons or Share-post  with data:post

Replace then with this new Facebook , Twitter, Google Plus  share buttons.

CODE

<div id='share-post'> <a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'> <span/> Share on Facebook </a> <a class='twitter' expr:href='"https://twitter.com/intent/tweet?url=" + data:blog.url + "&text=" + data:post.title + "&lang=id"' rel='nofollow' style='background:#4099ff;'> <span/> Share on Twitter </a> <a class='google' expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='javascript:window.open(this.href, "", "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600");return false;' rel='nofollow' title='Share this on Google+'> <span/> Share on Google Plus </a> </div>

Now this is the results..