The DPW Knowledge Base
The DPW Help Center and Knowledge Base
Home » Categories » Members - Getting Started

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:
  • 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 <!-- Start ... --> and <!-- End... --> 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 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:


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

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!


Attachments Attachments
There are no attachments for this article.
Related Articles RSS Feed