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:
DZone large Submit Button

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:
DZone small Submit Button

You are done.

0 comments:

Post a Comment

 

Support By Blogger