How To Add DZone Submit Button in Blogger

Posted by Lasantha Bandara on November 3rd, 2009 File Under : bookmarks, button1 Comment

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.

File Under : bookmarks, button

One Response to “How To Add DZone Submit Button in Blogger”

  1. MyClipta says:

    Thanks ....it is working in my blog.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.