Friday, December 10, 2010

How to add a Treasury widget to your Blogger Blog

The Treasury widget can be embedded either in a blog post or your sidebar.

To add it to a blog post, paste the supplied code into your new post. Make you're in the 'Edit HTML' tab of the text entry box.

If you'd like to center the widget within your post, you can add a bit of HTML around the code.

Put <div style="'width:340px;margin:0 auto"> on one side of the <script> tag, and </div> on the other. Note that this width is for a medium sized widget - for another one, be sure to change the '340px' to the right number for the widget size you're using, which can be found on our Treasury Widget page.

This probably isn't the most convenient or easy to understand process if you're not used to working with HTML, so we may change the widget to be automatically centered soon.

Adding it to the Sidebar is the same as for our Pocket Shop widget. You can read the process here: http://craftcultwidget.blogspot.com/2010/06/how-to-install-pocket-shop-widget-on.html

Tuesday, July 6, 2010

How to Install a Pocket Shop Widget on your tumblr Blog

Here is the step-by-step info on how to add a Pocket Shop widget to the sidebar on your tumblr blog.

  1. Sign in to your tumblr account, and view your blog. Click the Customize button in the upper right corner of the page.

  2. Click Info in the top menu.

  3. In the description field, paste the code supplied on the Craft Cult Get a Widget page.

  4. Click outside of the menu, and tumblr will reload the preview of your blog layout, showing the widget in your sidebar. Click Save + Close in the upper right corner of the page.

  5. The widget is now live on your blog!

You can space out multiple widgets by pasting
<div style='line-height:20px;'>&nbsp;</div> between the code for each one.

This was tested using the default theme for tumblr, Redux. Some themes do not show the description area. For these themes, it is possible to install the widget by adding the code to your Custom HTML in the tumblr themes editor. The details vary depending on your theme.

How to Install a Pocket Shop Widget on your WordPress.org Blog

Here is the step-by-step info on how to add a Pocket Shop widget to the sidebar on your self-hosted WordPress blog.

  1. Sign into your blog admin section, so you're viewing the WordPress dashboard.

  2. Click Appearance> Widgets in the top menu.

  3. In the Available Widgets menu that appears, click Add for the "Text: Arbitrary text or HTML" widget.

  4. Paste the code supplied on the Craft Cult Get a Widget page into the large text area. You may also enter an title which will appear above the widget on your blog.

  5. Underneath the code entry area, select which sidebar you'd like to the widget to appear in, and choose the position in the drop down.

  6. Click the Save Widget button. The widget will now be live on your site.
These instructions are based on WordPress 2.9.2. Note that this is only for blogs using the WordPress.org software. Blogs hosted on WordPress.com cannot use custom JavaScript or Flash, so it's not possible to add a live widget to those blogs.

How to Install a Pocket Shop Widget on Your Typepad Blog

Here is the step-by-step info on how to add a Pocket Shop widget to the sidebar on your Typepad blog!

  1. In your Typepad dashboard, find the 'Manage My Blogs' pane on the right and click the name of your chosen blog.

  2. You will be taken to the Overview for the selected blog. Click the Design tab towards the top.

  3. On the left menu, select 'Content'.

  4. In the three pane selector, scroll down in the middle area, 'Modules', and select "Embed your own HTML". Click 'Add this module' in the Details pane on the right.

  5. A small window will appear in the center of the screen. Paste the code supplied on the Craft Cult Get a Widget page into the 'HTML' section. You may also enter a label for this widget, which only appears in your blog layout editor.

  6. Drag the new widget into the position you prefer in the layout. Click the Preview button at the bottom of the layout area to test the page with your new widget, and Save Changes to make it live on your blog.

Wednesday, June 23, 2010

How to install a Pocket Shop Widget on Your Blogger Blog

Here is the step-by-step info on how to add a Pocket Shop widget to the sidebar on your Blogger (blogspot) blog!

  1. Click on Dashboard in the top bar to see your blog overview.

  2. Click Design for the blog to which you wish to add the Pocket Shop widget. The page should show a section called "Add and Arrange Page Elements" with a map of the visual layout of your blog.

  3. Click "Add a Gadget" in the section where you'd like for the widget to be placed.

  4. A new window titled "Add a Gadget" window will open.

  5. From the Basics section, select "HTML/JavaScript" by clicking the blue Plus symbol.

  6. The window now reads "Configure HTML/JavaScript". Paste the code supplied on the Craft Cult Get a Widget page into the 'Content' section. You may also optionally enter an title which will appear above the widget on your blog.

  7. Click the blue 'Save' button to finish creating the widget.

  8. You may then drag the new widget into the position you prefer in the layout.