如何在Blogger上嵌入第三方小部件

Question

As a webmaster, how can I allow Blogger users to embed my content on their blogs?

I tried the following solution - simple button redirecting to:

https://www.blogger.com/blog-this.g?u=[ MY URL ]&t=[ MY WIDGET CODE ]

with tag inside [ MY WIDGET CODE ] .

I encountered two problems:

• the <script> tag seems to be erased automatically from proposed post content

• even if user copies and pastes the script, it only works after publication - so user is unable to see how is it going to look like in the preview

Thanks in advance for any tips :)

Note: I know it is probably a security issue, but if blogger is able to post content with scripts then why isn't he able to preview them?

Answer 1

If your problem is that script tags are erased then you can make a js file and host it on google drive or any other servers you like and link this js to your blog template. I used this approach for third party plugins like codehighlighter and it works. You can see http://a2znotes.blogspot.com

Answer 2

I don't know Blogger but if I'm not mistaken they can add javascripts to their templates, then should be relatively easy to add content from other domains, add your script or just use jsonp .

sources:

• Add jQuery to Your Blogger and Blogspot Template Code

edit

• How to Add a Widget to Blogger

  see #5: Add a custom widget to Blogger using the HTML and JavaScript widget

The HTML and JavaScript widget within Blogger is a blank widget that allows you to add or paste third-party functionality or other code to your blog. The HTML and JavaScript widget can be found by clicking on "Add a Gadget" from the Blogger Layout screen

May be widgets work on preview.

Answer 3

<object data=http://xyz.blogspot.com/atom.xml width=”600″ height=”400″>
<embed src=http://xyz.blogspot.com/atom.xml width=”600″ height=”400″> </embed>
Error: Embedded data could not be displayed.
</object>

This may help you. Source: http://lowendmac.com/2006/embed-a-blogger-feed-in-your-web-page/