将iframe嵌入到博客作者

我遇到了将iframe嵌入我的博客网站的实际问题。我必须承认我不明白任何HTML，并一直在试图复制我在网上发现的代码片段。我想将我的朋友博客嵌入到自己的博客中，并且需要裁剪它以使其看起来更整洁。他的博客固定宽度，但动态高度，因为他增加了更多的帖子。我一直将iframe的高度定义为非常大，以确保它无论多大都能适合他的帖子。与此相关的问题是，当您点击他的博客中的照片时，它会显示在屏幕上数英里之外，您必须向下滚动才能找到它。将iframe嵌入到博客作者

这是我的测试博客 - damianp1.blogspot.co.uk有问题的网页是测试。

这里是我使用的代码：

<style type="text/css"> 

.blog-pager, .footer, .post-footer, .feed-links, #Attribution1,.comments, .sidebar 
{display:none !important;} 
.main-inner .columns {width: 110%;padding-left:0 !important;padding-right:0 !important;} 

</style> 
</b:if> 
<style>] 

</style> 

<div class="post-outer" style="width:875px; color:#f6f6f6" > 
<div id="outerdiv" style="width: 900px; overflow: hidden"> 
<iframe width="1300" style="position: relative; left: -205px; top: -34px" height="30000" 
src="http://wildlife-ramblings.blogspot.co.uk/" scrolling="no" frameborder="0"></iframe> 
</div> 
</div>

是适合的iframe到一个滚动框，以便任何图片点击会出现在这中间的解决方案？我该怎么做，还是有另一种解决方案？

非常感谢，达米安。

来源

2013-07-02 user2537371

是否有原因显示他的整个网页？为什么不只是显示他的网站的RSS源？

否则，您可能想要像这样设置您的iframe，但如果您使用iframe的网站的宽度或高度大于您的网站，则需要滚动或打开与网站一样大的iframe包含在iframe：

<iframe width="100%" frameborder="0" src="The blog URL Goes here" height="400"></iframe>

有添加博客的iframe博客这个方便的小工具：http://www.makingdifferent.com/online-iframe-generator-tool-for-blogwebsite/

来源

2013-07-02 21:31:37 dreamweaver

感谢您的。我首先尝试了RSS提要，但我们想要显示整个博客。我有点像它看起来不错... http://damianp1.blogspot.co.uk/p/test_6572.html但有一个苍白的蓝色框挂在iframe下面，我想摆脱 - 我无法找到它的ID /类名称。我希望能够将iframe放置到模板的原始框中，但无法了解您如何执行此操作。我正在做一些html/css教程来尝试加快速度，但这非常困难！谢谢，达米安。 – user2537371

谢谢！我正在寻找一种将电子表格中的谷歌图表嵌入到博客文章中的方法，并且这很好地工作。只需要发布图表并抓住它的网址来替换你的答案中的“博客URL在这里”。 – Mogsdad

将iframe嵌入到博客作者

回答

相关问题