博客园,给博客园加上新浪微薄的挂件

很多博客都可以自己添加修改一些代码，但是作为博客平台来说，可能为了安全考虑，很多时候要过滤一些特性，比如：新浪微博的挂件是iframe形式的，但是博客园不支持iframe。经过一些尝试，最终有了下面两种解决办法：
首先先在公告中写一个空div，方便我们插入新建的iframe，省的用class选来选去的麻烦：

1、在公告中直接用innerHTML插入iframe代码：
innerHTML是很很简单的，从新浪微博的配置中，配好你自己想要的样式，然后他会自动生成一段html代码，类似下面这样的：

但是如果你直接写成下面这个样子的话，不会生效的：
var ifr = ''; document.getElementById('weiboIframe').innerHTML = ifr;

估计博客园后台直接去匹配iframe文本，所以我们把这个打乱，这样，他应该不会去检测逻辑，改成这样就成功了：



2、还可以使用createElement方法：
因为这里有人用过Google Adsense的代码，所以猜测这个方法是可以使用的，经过测试，确实可用，就是比上面那个要多写一些东西：


把上面这些弄到公告里面去，就可以显示你的新浪微博的挂件了，很简单了，可以在微薄关注我：http://weibo.com/beiyuu

延伸阅读

• 2011-9-21-- 博客园,致博客园管理-博客园Asp.net小组遭灌水
• 2011-9-8-- 博客园,【活动报名】2011年TechEd社区之夜暨博客园北京俱乐部活动专场
• 2011-9-14-- 博客园,给博客园的忠告——做事态度决定用户忠诚度
• 2011-9-13-- 博客园,博客园小技巧——强制推荐功能（仅学习）
• 2011-9-14-- 博客园,给博客园的忠告——做事态度决定用户忠诚度
• 2011-9-14-- 博客园,2011 MS Build大会 – Windows 8开发相关(博客园首发)
• 2010-11-24-- 博客园,博客园上海俱乐部活动报道（2009-3-15）
• 2011-7-28-- 博客园,博客园开通同城园友功能如何？
• 2010-12-9-- ajax异步加载,用ajax自动加载blogjava和博客园的rss
• 2011-9-14-- 博客园,2011 MS Build大会 – Windows 8 开发者预览版(博客园首发)