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

24 comments:

  1. Any ideas why it's not working with wordpress.com? The script code disappears from the published post code (and from the edit panel as well).

    ReplyDelete
  2. Thanks for sharing. I'm finally able to get it to work on my blog. Love it! THanks. Happy holidays.

    ReplyDelete
  3. Hi wirewrapped.eu - yes, unfortunately none of our widgets will work on WordPress.com. This because they do not allow active content such as JavaScript or iframes. It will work on self-hosted wordpress sites (WordPress.org).

    ReplyDelete
  4. I too can't seem to get it to work in my blog post...the script also disappears and I use blogger....do I need to add something...I am totally awful at this but trying! :)

    ReplyDelete
  5. Hi Spittin Toad,

    Blogger doesn't have the restrictions that Wordpress.com does, so it should work fine! Make sure the posting mode is 'Edit HTML'. Note that the preview function won't work on Blogger, you have to actually publish the post to see the widget.

    ReplyDelete
  6. I just used this and it is great. I even blogged about it. Thanks for the cool app.

    ReplyDelete
  7. thanks so much for this! my blog looks great- however the treasuries don't show up in google reader. is there a way to get them to do so?

    ReplyDelete
  8. Hi Jacqui,

    I'm not sure about Google Reader. I'll have to take a look at what sort of content it allows or removes, and whether it's possible to make it show up in there. Thanks for bringing that to my attention.

    ReplyDelete
  9. Thanks so much for this great feature! I love it and it looks great. Still trying to figure out how to get it centered.

    ReplyDelete
  10. how do i remove this from my blog...i set it up wrong. everytime i make a post to my blog it ups in right in the middle of the post...what can i do?
    thanks.

    ReplyDelete
  11. Hi Cheryl, I wish I could help, but I don't know what you did to install it like that. I wish I did. To remove it, you'll want to delete the script from where you pasted it in earlier.

    ReplyDelete
  12. no matter what I do, this will not center for me... Please fix it so that it's automatic for us beginners... please :/

    ReplyDelete
  13. Love in Bloom, it looks like the issue on your blog is some of the attributes on the sidebar that contains the Treasury widgets. It's not wide enough to contain the widget by about 20 pixels, even if you remove the margin on the side of the widget.

    If you put the custom css

    .main-inner .widget .widget-content{ margin-left:-15px !important; }

    in your blog's custom CSS area, it moves the widgets over, but since the sidebar isn't large enough, you may wish to use a smaller size of treasury widget. I could drum up some code to enlarge the sidebar, if you want.


    There are a couple of updates coming related to placement in blogs, one that will make centering an option, and another that will address properly reducing the size of the outer container when there are less than rows of items.

    For updates, be sure to check our Twitter account, http://craftcult.com/twitter as well as the Craft Cult Etsy Team at http://www.etsy.com/teams/craftcult !

    ReplyDelete
  14. any word yet on google reader? thanks!

    ReplyDelete
  15. Ok, I am a newbie as of today and don't know where I am to copy and paste my code at. It says in the blog ... but where? HELP! And thanks! :)

    ReplyDelete
  16. Hi Jenn - are you trying to put it in a post or in your blog sidebar? For a post, you can just turn the editor to HTML mode and paste the code right in there. If you'd like to put it in the sidebar, please check out the link at the end of the post here - it has step by step instructions.

    Jacqui, it looks like Google Reader doesn't execute scripts in posts. The widget is loaded from our server using JavaScript, so it won't show up in there, I'm afraid. There may be ways to get around this (such as posting the HTML of the rendered widget directly into a post) but I'm still checking on the best way. Sorry about this limitation.

    ReplyDelete
  17. Hey..Thanks for post ! Finally, I got some information on Treasury widget. I was trying this widget from long time but regretting some error..Let me try it again. Hopefully, this time I will do great :-)

    comment system

    ReplyDelete
  18. This comment has been removed by the author.

    ReplyDelete
  19. Please move ahead with centering of treasuries for blogs. I tried several times to add the code and it didn't work. Or include one of your widget codes and show exactly where the additional code for center should be placed.

    ReplyDelete
  20. Finally, information about treasury widget. I have been looking for this for quite awhile. I really wanted to try this to my blue widget app. Great.

    ReplyDelete
  21. Hi I'm a newbie! I've followed all the instructions you've provided to the best of my ability and can't get it to work. I want to paste it in the post; I did paste it in the HTML tab, but I'm not sure if it was in the right spot?? Please help, I would really love to use this tool. http://storyleaf.blogspot.ca/2012/11/creative-space.html#!/2012/11/creative-space.html
    Tasha

    ReplyDelete
  22. There is a little mark that doesn't belong. It is an apostrophe in front of "width" that needs to be removed. Then it will work.

    ReplyDelete