Get the DPW Widgets!


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:
The my Gallery Link in your DPW Gallery:


Grab the other DPW Widgets!

General Instructions:
The index of widgets:
The General DPW Widget

The widget:


The code:

<!-- Start DPW Widget -->
<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>
<!-- End DPW Widget -->

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:

<!-- Start DPW Widget -->
<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>
<!-- End DPW Widget -->

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.

<!-- Start DPW Gallery Widget -->
<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>
<!-- End DPW Gallery Widget -->

The "I did the DPW Challenge" Widget

The widget:


The Code:


<!-- Begin the I did the DPW Challenge Widget -->

<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>

<!-- End the I did the DPW Challenge Widget -->

The instructions for installing widgets in Blogger

1. Sign into your blogger account and select Layout in the list of options on the left.

2. On the layout page click "Add a Gadget".

3. Click the add icon for the "HTML/JavaScript" gadget.

4. Set the title and copy and paste in the code for the DPW widget you want.

5. Click the "Save" button and you are done!




Article ID: 27
Created On: Sun, Jun 12, 2011 at 5:04 PM
Last Updated On: Mon, Jun 16, 2014 at 3:29 AM
Authored by: David Marine [dmarine@bluecloudstudios.com]

Online URL: http://help.dailypaintworks.com/knowledgebase/article.php?id=27