How To Add DZone Submit Button in Blogger

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

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

4.Now Copy your DZone Submit Button code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template paste your DZone Submit Button code just before <data:post.body/> .

DZone Submit Buttons Codes:

CODE 1:

<div style='float:right; margin-left:10px;'>
<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>
</div>

Result:


CODE 2:

<div style='float:right; margin-left:10px;'>
<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 = '2';
</script>
<script language="javascript" src="http://widgets.dzone.com/widgets/zoneit.js"> </script>
</div>

Result:


You are done.