Add Kick it icon to Blogger Beta
When surfing blogs, I see many people add a list of social bookmarking links to the end of each post. I also want to add such links, and a quick search lead me to [links] where I can find the information I need. I started with del.ico.us, Digg, and Reddit, as I saw them in many blogs. Hmm... got a hunch that no-one would ever click on those links, so I decided to add some programming-related sites. dzone seems good, but I did not see much .NET-related stuff on that site. DotNetKicks appeared much better suit the contents of my blog. Finally, I picked DotNetKicks, dzone, Digg, and del.ico.us.
However, after trying submitting one of my post to DotNetKicks and seeing that many people , I think it would be better to have my post to DotNetKicks and seeing that many people
icon rather than text link. That is as easy as following:
<a href='http://www.dotnetkicks.com/kick?url=[URL]' target='_blank' title='Kick it on DotNetKicks' style='vertical-align:middle'><img src= '"http://dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=[URL]' alt="Kick it on DotNetKicks" style="border:0; padding:0"/></a>
Replace [URL] with the permanent link to your post.
The HTML snippet for the "share this post" line as you see at the end of my posts is like this:
<!-- Social bookmarking --> <p class='post-footer-line post-footer-line-1'> <span>Share this post: </span> <a expr:href= '"http://www.dotnetkicks.com/kick?url=" + data:post.url' target='_blank' title='Kick it on DotNetKicks' style='vertical-align:middle'><img expr:src= '"http://dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=" + data:post.url' alt="Kick it on DotNetKicks" style="border:0; padding:0"/></a> <span> - </span> <a expr:href='" http://www.dzone.com/links/add.html?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Vote for it on dzone'>dzone</a> <span> - </span> <a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg it!'>Digg</a> <span> - </span> <a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark to Del.icio.us'>Del.icio.us</a> </p>
And where to put it? Suppose you want to put it between the "posted by" line and "labels" line: search your template for "post-footer-line post-footer-line-2" and paste the snippet before that tag.
No comments:
Post a Comment