Hi there,
I have build two websites (www.provolve.nl and www.EasySoftwareDeployment.nl) and I want the blog from Provolve (http://www.provolve.nl/blog/) to be visible on the ESD-site (www.easysoftwaredeployment.nl/blog/), through an iframe. But in the iframe I only want to show the middle part of the Provolve-blog. Not the header text part ("PROVOLVE IT'S BLOG - Everything that we consider worth sharing. Software deployment tips, (re)packaging advice, news regarding Provolve IT, and much more.") and not the blue footer at the bottom. Just the blog items in the middle.
Since I build both websites myself, I was able to do the external workaround and I added the script
Code:
<script src="http://www.easysoftwaredeployment.nl/wp-content/plugins/advanced-iframe/js/ai_external.js"></script>
on the Provolve blog page. And on the page of the ESD-site, where I want the Provolve blog to be shown, I added the shortcode
Code:
[advanced_iframe securitykey="edited" enable_external_height_workaround="true"]
.
At this moment, the full page of the Provolve blog is shown, but I only want the middle part. I tried to read your tutorial pages, specifically example 7 here: http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/external-workaround-auto-height-and-css-modifications but I'm having a hard time understanding this...
Could you please help me by telling me in dummy language what to do? That would be much appreciated!
Kind regards and thank you so much,
Yvonne.