Hello

I write for eZineArticles under my own & Pen name. They provide widgets useful to display your articles on your sites.

In Wordpress, I wanted to include BOTH widgets, one below the other. But the problem is, ONLY ONE appears.

The code looks like this (I have changed my author-id. I put two-sets of same code with changed author-ids.)

Code:
<!-- Place this tag where you want the widget to render -->
<div id="ezinearticles-widget"></div>

<!-- Place this script before the closing </body> tag -->
<script type="text/javascript" src="http://ezinearticles.com/js/widget.v2.js"></script>
<script type="text/javascript">
EzineArticlesWidget({
    "id": "ezinearticles-widget",
    "author": 111111,
    "bio": 0,
    "category": null,
    "articles": 10,
    "width": 250,
    "height": 300,
    "theme": {
        "shell": {
            "background": "#2F83C4",
            "text": "#ffffff"
        },
        "article": {
            "background": "#ffffff",
            "text": "#333333"
        },
        "links": "#215F8F"
    }
});
</script>
Someone suggested:

You should create 2 div elements with different ids,

Code:
<div id="ezinearticles-widget-1"></div>
<div id="ezinearticles-widget-2"></div>
and refer to them in your <script>

I tried implementing it but could not. I tried all variations but the result is, I end up getting plain english text, nothing formatted as widget.

Probably, it all ends up referencing the <scripts>, for the mess.

CAN ANYONE HELP ME OUT?

I will appreciate that instead of giving hints, please use the code given here and tell me what needs to be put in totality. THANKS