Get the DPW Widgets!

Article Number: 27 | Rating: 4.8/5 from 13 votes | Last Updated: Tue, Mar 13, 2012 at 2:41 PM

IMPORTANT: The code for the new DPW Gallery Widget that rotates your last 10 paintings live from your gallery is not in this article but instead in your DPW Gallery page.

How to get the New DPW Gallery Widget:

Log into your DPW account and click on the my Gallery link at the top of the page.
Click on the my Gallery Widget link at the top of your DPW Gallery page.
Follow the instructions in the pop-up that opens.

The my Gallery Link in your DPW Gallery:

Grab the other DPW Widgets!

General Instructions:

Click on the link in the following index for the widget you want.
Copy the widget code between and including the  and  text.
If you don't use Blogger, follow your blog provider's instructions for inserting it into your blog.
The instructions for installing widgets in Blogger

The index of widgets:

The General DPW Widget
The General DPW Widget - Wordpress version
The "Visit My DPW Gallery" Widget
The "I did the DPW Challenge" Widget

The General DPW Widget

The widget:

The code:

<script src="http://www.dailypaintworks.com/widget/script/rotator_2.js"></script>

<style>

.dpw-thumbImage

{

display: block;

float: left;

padding: 0;

margin: 0;

}

div#dpw_widget

{

height: 165px;

width: 194px;

padding: 0;

margin: 0;

-webkit-box-shadow: rgba(0, 0, 0, 0.228438) 3px 3px 3px;

-moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.228438);

/* For IE 8 */

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000000');

}

</style>

<script type="text/javascript">

dpw_gImageCapableBrowser = dpw_canManipulateImages();

dpw_gCurrentImage = 0;

setInterval("dpw_nextSlide()", dpw_gSlideshowInterval);

</script>

<div id="dpw_widget">

<a title="Daily Paintworks offers daily paintings from a growing goup of talented artists." class="dpwLink" href="http://www.dailypaintworks.com">

<img class="dpw-thumbImage" name="dpw_slide" alt="" border="0" src="http://dpw.widget.images.2.s3.amazonaws.com/1.png" /><img class="dpw-widget-image" alt="" border="0" src="http://dpw.widget.images.2.s3.amazonaws.com/sidebar.png" />

</a>

</div>

The General DPW Widget - Wordpress version

Wordpress does not allow the things - Javascript or CSS - that allows the above widget to change its images. So, the Wordpress widget uses only one image.

The code:

<div style="height: 165px; width: 194px; padding: 0; margin: 0; -webkit-box-shadow: rgba(0, 0, 0, 0.228438) 3px 3px 3px; -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.228438);">

<a title="Daily Paintworks offers daily paintings from a growing goup of talented artists." class="dpwLink" href="http://www.dailypaintworks.com">

<img alt="" border="0" src="http://dpw.widget.images.2.s3.amazonaws.com/dpw_widget_wp.png" />

</a>

</div>

The "Visit My DPW Gallery" Widget

The widget:

The code:

Be sure to insert your DPW Gallery page URL where indicated in the code below.

<div>

<a title="Visit my DPW Gallery." href="[Paste your DPW Gallery URL here]">

<img alt="" border="0" src="http://dpw.widget.images.2.s3.amazonaws.com/visit_my_gallery_widget.gif" />

</a>

</div>

The "I did the DPW Challenge" Widget

The widget:

The Code:

<div style="width: 175px; margin: 0px auto 0px auto;">

<a href="http://www.dailypaintworks.com/Challenges" alt="I did the Daily Paintworks Challenge!" title="Click to see the DPW Challenges!"><img src="http://dpw.widget.images.2.s3.amazonaws.com/done_DPW_challenge.gif" border="0" /></a>

</div>