Could not EMBED the HTML text in your posts! WORRIED???
Use this Utility HERE!

Monday, May 25

DIGG BUTTON IN BLOGGER POSTS!

DIGG it!

This is a social content website, where articles are submitted. If, your readers like any of yours posts, they simply Digg it! They like the material of post and Digg it for you and your Blog, and will wirte comments!

For all this and your readers, you as a host, must make easy all this and encourage your readers to submit your Blog posts. How to make? There are many ways to put the Digg button in the post. You can place the Digg button right after your Post Title, at the left side of the post, right side of the post, bottom of the post, in the footer of the post, right after the labels and even there where you like by editing the HTML Code of your template.

There are many buttons different in shape, has different text on them.

Now the thing to is, what code is to edit to place the Digg button in the posts. Here are the details:

Step-1: If you want to place the Digg button at each of your posts, you much set the Post Pages setting to 'YES', to enable it to this setting login your blogger account-> go to the Setting of your desired Blog->click the Archiving-> here set the Enable Post Pages? to YES. This action enables you to place the Digg button in every post, but here you are unable to include or exclude the Digg button from some specific post.

Step-2: Go to the Layout-> click Edit HTML, [Note: Before editting the Template Code, always download you template code or copy the text code to a new text file. So if you make any mistake you could install your old template.] -> check the box just before the Expand Widget Templates, now scroll down the template code and find:
<p><data:post.body/></p>

Now:

I- If you want to place the button at the top right corner of your post, insert this code just before the above mentioned code:
<div style='float:right; margin-left:10px;'><script type='text/javascript'>digg_url=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

II- If you like the button to be appear at the right upper corner of the post then paste the below code just before the above mentioned code:

<div style='float:left; margin-right:10px;'><script type='text/javascript'>digg_url=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

III- If you want that the button should be place at the bottom of the post then paste the following code just after the above mentioned code:
<div style='float:right; margin-left:10px;'><script type='text/javascript'>digg_url=&quot;<data:post.url/>&quot;;</script><script src='http://digg.com/tools/diggthis.js' type='text/javascript'/></div>

IV- If you paste the following code just before the <div class='post-body'> you will get the button just below the post title at the right corner:
<div style="float:right; margin-left:10px;"> <a expr:href='"http://digg.com/submit?phase=2&amp;url=" +data:post.url + "&amp;title=" + data:post.title'target='_blank'><img border="0" alt="Digg this" src="http://digg.com/img/badges/91x17-digg-button.gif"/></a></div>

0 Comments:

Post a Comment

Type Your Words Here!