Can Anyone Help Me Embed Jmol Or Jsmol Applet Into Google Blogger Hosting Files In Google Drive?

Question

[satnam.surae]

I'm trying to embed a protein structure viewer applet into my blogger page whilst hosting the files required in my google drive (all the files below are shared as public). I read on the JMol wiki about a blogger widget but this does not seem to be working (http://wiki.jmol.org/index.php/Jmol_in_Wikis_and_Blogs). I attempted to follow the steps used in the wordpress tutorial to try and engineer a workaround, but so far no good. Here is what I have at the moment:

<script type="text/javascript" src="&lt;a href=" https:="" googledrive.com="" host="" 0BxKG4gWIHsOpRVhQakJDQU9PaDA"="" rel="nofollow">https://googledrive.com/host/0BxKG4gWIHsOpRVhQakJDQU9PaDA"></script> // JSmol.full.lite.nojq.js
<script type="text/javascript" src="&lt;a href=" https:="" googledrive.com="" host="" 0BxKG4gWIHsOpaWZMVldXcTZaQlU"="" rel="nofollow">https://googledrive.com/host/0BxKG4gWIHsOpaWZMVldXcTZaQlU"></script> //Jmol2.js

<script>
var Info = {
    width: 350,
    height: 350,
    serverURL: "https://googledrive.com/host/0BxKG4gWIHsOpMUNkTXNOa2xYeVU", // jsmol.php
    use: "HTML5",
    j2sPath: "html5/j2s",
    console: "jmolApplet0_infodiv",
    script: "load https://googledrive.com/host/0BxKG4gWIHsOpSnN2M3B3TGczdDQ; background black" //pdb file
}
</script>

<script type="text/javascript">// </script>

Firstly, is it even possible running it this way? Please let me know and possibly suggest any other ways I could have a go at this.

Cheers,

Sat

Answer 1

[cnatiez]

Hi,

I think it used to work with Google Drive until about 5 years ago. I had a blogpost on my blog showing the caffeine molecule in Jmol as proof of concept, so to speak. It was about "all you need to blog".

Actually I wasn't using Google Drive. I used Google Sites to provide the Jmol files. The only issue was the difference of URL myblog.blogspot.com vs sites.google.com) which made Java show a security warning etc. while attempting to run the Jmol applet. But nontheless it worked once you confirmed that you want to load the Jmol Java applet.

One day I noticed that the precious caffeine molecule wasn't shown rotating anymore in that blog post. The Jmol applet didn't load either. I figured that Google had clamped Google Sites providing the Jmol files. Google Sites used the same URL rerouting system Google Drive does. So there was no way to load the files passing by that internal rerouting mechanism of Google Sites. I guess Google Drive creates the same problem.

I'm neither a chemist nor a pharmacologist nor a doctor. Yet I really wanted to continue to display that caffeine molecule with Jmol on my entirely experimental blog. Because caffeine is really what you need if you run a blog (as the Jmol problem really proofed once again). I spent hours and days trying to get Jmol to run again from Google Sites. And I think I tried Google Drive and some other free online storage services too, all in vain. Liters of coffee went down my throat. So, this proofs that the caffeine molecule MUST be displayed in that post about "all you need to blog"... 😂

I didn't manage to get it back using free storage solutions. I ended up with a 40$/year hosting solution plus 12$/year or so for a domain name to keep it going. Besides, I switched from Jmol to JSmol due to its HTML5 capability, displaying molecules beautifully on Smartphones too. Although I'd prefer an eternally free solution, I think the paid hosting service is worth it anyway because it provides some other great additional features.

Cheers, Chris