This is another blog tip I want to tell you as I just added it recently to my blog. I think, you have seen my post on "how to add dotnetkicks kick it icon to all posts in blogger blog". So, by taking that as initiative created this code for DotnetShoutout and working great.
How to add it?
* Go to edit html option of your blog, by login into your blogger blog and under layout and then Edit HTML.
* Download full template before start editing the html code.
* Now check the option "Expand Widget Templates".
* Search in your browser for the keyword "data:post.body".
* I think you found one instance as "<data:post.body/>".
* Please add the below code exactly below the line you just found.
<a expr:href='"http://dotnetshoutout.com/Submit?url=" + data:post.url + "&title=" + data:post.title' expr:id='data:widget.instanceId + "_kickit"' rel='nofollow' rev='vote-for'> <img alt='Shout it' expr:src='"http://dotnetshoutout.com/image.axd?url=" + data:post.url' style='border:0px'/></a>
* Save the template and just view your blog now.
* I think, you will see the Shout it icon under each blog post body. Now you can add any formatting code to make it more stylish by adding p tags, css to look good on your page and positioning.
Hope it helps!!! Do you like this post?
Sunday, January 24, 2010
How to add DotnetKicks Kickit for Blogger blog
I know most of bloggers are searching for this…. If you are writing ASP.NET related posts in your blog then you should need it to publish your posts to dotnetkicks.com. So, here is a nice tip to add kick it for your blogspot blogs.
* Go to your blog. After you sign in, in admin section you have a tab named "layout".
* Under layout tab select "Edit HTML".
* Before you do any changes, please download full template.
* Then tick the checkbox "Expand Widget Templates."
* In your browser, press Control+F and find the keyword "data:post.body".
* Go to that line [<data:post.body/>] and hit enter and add the below code as is.
<p><a expr:href='"http://www.dotnetkicks.com/kick/?url=" + data:post.url'><img alt='kick it on DotNetKicks.com' border='0' expr:src='"http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=" + data:post.url'/></a></p>
Note: expr: is the syntax for expression and it will execute by blogger code and replace the correct values before send response to browser.
* Now, save the template and view blog for the changes.
* I think, you are smiling now by seeing kick it icon on your blog for each post.
* Enjoy!!!
Love to hear comments from you. Is this helpful?
* Go to your blog. After you sign in, in admin section you have a tab named "layout".
* Under layout tab select "Edit HTML".
* Before you do any changes, please download full template.
* Then tick the checkbox "Expand Widget Templates."
* In your browser, press Control+F and find the keyword "data:post.body".
* Go to that line [<data:post.body/>] and hit enter and add the below code as is.
<p><a expr:href='"http://www.dotnetkicks.com/kick/?url=" + data:post.url'><img alt='kick it on DotNetKicks.com' border='0' expr:src='"http://www.dotnetkicks.com/Services/Images/KickItImageGenerator.ashx?url=" + data:post.url'/></a></p>
Note: expr: is the syntax for expression and it will execute by blogger code and replace the correct values before send response to browser.
* Now, save the template and view blog for the changes.
* I think, you are smiling now by seeing kick it icon on your blog for each post.
* Enjoy!!!
Love to hear comments from you. Is this helpful?
Subscribe to:
Posts (Atom)