Here's another cool Share-buttons widget for blogs. It's a 4-in-1 share widget with an awesome look and counters.
Go to Template » Edit HTML & Check the box next to
Expand Widget Template.
Well,I must confess,this is one of the most widely-used Social-media widget in the Blogosphere.
It includes the Facebook Like button,Digg Counter button,Stumble and Retweet buttons.
How To Add These Buttons To Blogger
Login to Blogger.Go to Template » Edit HTML & Check the box next to
Expand Widget Template.
Next,search for <data:post.body/> by hitting CTRL+F.
Just add the following codes directly above/before it.
Just add the following codes directly above/before it.
<b:if cond='data:blog.pageType =="item"'> <table border='0'> <tr> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = "compact"; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div></td> <td> <script expr:src='"http://www.stumbleupon.com/hostedbadge.php?s=1&r="+ data:post.url'/> </td> <td><div style='margin-left:35px;'> <script type='text/javascript'> (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })(); </script> <a class='DiggThisButton DiggCompact'/> </div></td> <td> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href="+ data:post.url +"&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; margin-left:35px; width:100px; height:20px;'/> </td> </tr> </table> </b:if><br />
That's it. Do not forget to share your testimony with others[If it worked or not].
0 blogger-facebook:
Post a Comment