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 )


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



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



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.