Sunday, May 11, 2008

Digg Icon At Blogger.com Posts

Do you notice the Digg icon at the right part of this post. Do you want to put the same thing in your Blogger.com blog. I know you do; that's why you don't have to look somewhere else. Here's how:

1.) Copy the following code to your clipboard:


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



2.) Logon to your Blogger.com. Choose Layout in the dashboard. Then click Edit HTML. Check the Expand Widget Templates checkbox. Find the code indicated below by pressing Ctrl-F.


<div class='post-header-line-1'/>

or

<div class='post-header-line-1'>
.
. (maybe some codes are in here)
.
</div>


3.) If you got the first one with a backslash before the ending tag (">"), split it to two by omitting the backslash and creating a separate ending tag. Just like the second one. See code below as an example.


<div class='post-header-line-1'>

</div>


4.) Insert the code you copied into clipboard right after <div class='post-header-line-1'>

5.) Click Save Template.

So that's it, you've got now your own Digg Icon at the upper right corner of your all the posts in your blog. Your readers can click it to submit your article to Digg.com and/or to Digg it. The icon will also show you how many people have actually "Dugg" your post.

There's a lot of tips in the near future so subscribe now by clicking below.



Click here to subscribe and receive Blogging-Startup-Make-Money tips.

If you like this post in Blogging Startup Make Money,
buy me a coffee.

8 comments:

Anonymous said...

Thannk you so much! I've been trying to figure this out for hours~

ammir said...

good, very good blog . great knowledge i got

NEO said...

hi,
I was trying to integrate digg button in to my blog.
yor tip was very useful.
thnx.
I am also a startup blogger.
Hope I can get useful tips from you in future also.
just visit my blog.

regards,
neo
http://jobsjobseverywhere.blogspot.com/

Bonnie the Web Designer said...

Thank you so much!! I've been doing this for hours and I couldn't figure out why the digg badges kept linking to the same digg submission. Your instructions worked perfectly. I appreciate the help!

Elvis said...

great blog.
Earn Up to $30,000 a Month
http://www.differentwaystomakemoneyonline.com

Anonymous said...

make 100$ per day:
http://johnrate.blogspot.com/

Unknown said...

how to make $10,000 per month
http://sharelash.blogspot.com/

medexpress said...

Thank You a ton for writing such a wonderful piece of information. Keep sharing such ideas in the future as well. This was actually what I was looking for, and I am glad to came here! Thanks for sharing the such information with us.