Tuesday, September 29, 2009

Add DZone button on your posts

Add DZone button on your posts

step #1
First, go to 'Layout' tab and choose the Edit HTML section ( Layout>Edit HTML )
Image

Step #2.
For this step you need to backup your template (click the 'Download Full Template' to backup your template)
Image


Step #3.
To start editing your template, please click the 'Expand Widget Templates'
Image


Step #4.
Use Ctrl+F to find this <data:post.body/> code line.

Step #5.
Copy and paste the following code below the <data:post.body/> code line:
Code: Select all
<script type="text/javascript">
var dzone_url = '<data:post.url/>';
</script>
<script type="text/javascript">
var dzone_title = '<data:post.title/>';
</script>
<script type="text/javascript">
var dzone_style = '1';
</script>
<script language="javascript" src="http://widgets.dzone.com/widgets/zoneit.js"> </script>

Step #6.
Save.

0 comments:

Post a Comment

 

Blogger Tips and Style Copyright © 2009 Community is Designed by Free Blogger Template