隐藏BlogCN首页上显示的两个浮动广告 [原]

一直看到BlogCN在首页上强加的两个浮动广告就想把它们去除掉。原来也琢磨过那两个玩艺儿不是 IFRAME 就是 DIV,那时没有继续下去,后来受好友老裴(minsurance)的启发(见http://www.blogcn.com/gbook.asp?uid=minsurance&gid=43436046)说

在代码编辑中加入如下代码:
<STYLE type=text/css>
iframe
{
position: relative; width: 0; height: 0
}
</STYLE>

加这样的样式控制代码对一般的BlogCN页面还是有用的,但我的页面本来就有许多iframe是要显示的,如果只简单这样写势必把需显示的界面元素给隐藏了起来,于我的BlogCN就要另辟蹊径了。但却启示了我应该找到那两个 IFRAME 然后把它隐藏起来(可以把宽和高设置为零,也可以把 display 属性设置为 none)。

首先得找到是哪两个 IFRAME 来,打开我的Blog (http://unmi.blogcn.com/),等显示完后,在地址栏中输入
javascript:alert(document.getElementsByTagName('iframe').length) 回车后显示是11,有11个iframe
再在地址栏中输入
javascript:alert(document.getElementsByTagName('iframe')[0].style.display='none') 回车后发现有一个浮动广告不见了
又在地址栏中输入
javascript:alert(document.getElementsByTagName('iframe')[1].style.display='none') 回车后发现另一个浮动广告也不见了
这两个iframe正是我们想要去隐藏的,可不用再继续试别的 IFRAME 了

接着要做的事情就是把这两行代码加上模板的代码编辑中了(管理中心->编辑模板,切换到代码编辑)。紧接在 </html> 之后加上

<script language="javascript">
   document.getElementsByTagName('iframe')[0].style.display='none';
   document.getElementsByTagName('iframe')[1].style.display='none';
</script>

提交就OK了,现在刷新你的首面看看,是不是见不着浮动广告了。如果要让其他日志页面也没有浮动广告就需要在日志管理页中刷新一下所有的日志。

下面告诉朋友们另一种方法。针对我的BlogCN,因为自己加的 IFRAME 较多,担心以后用下标 0,1 怕以后不能正确定位到浮动广告的 IFRAME,不过这都不是什么问题,如果将来看到浮动广告又出现,我将来告诉朋友们该如何做。

在 BLOG 首页的地址栏中输入
javascript:alert(document.getElementsByTagName('iframe')[0].outerHTML) 回车后,看到弹出的窗口显示

<IFRAME id=iframe1161311547062 name=iframe116131147062 src="about:blank" frameBorder=0 width=80 height=80></IFRAME>

下标为 1 的另一个浮动广告的 iframe 的代码也类似,只 id 和 name 不一样。 

其中的 id 和 name 随机会变的,当然以 id 或 name 是否以 iframe 开头来定位也应是行的,而我是以 src 属性是否是about:blank 来确定是否是浮动广告,要隐藏的 iframe。所以就在</html>后加了如下代码

<!--隐藏那两个浮动广告窗口 -->
<script language="javascript">
    variframes = document.getElementsByTagName('iframe');
    for(vari=0;i<iframes.length;i++){
       if(iframes[i].src.toLowerCase()=="about:blank"){
          iframes[i].style.display = 'none';
       }
    }
</script>
<!--隐藏那两个浮动广告窗口 -->

提交就OK了,刷新你的首面看看,是不是见不着浮动广告了。同样如果要让其他日志页面也没有浮动广告就需要在日志管理页中刷新一下所有的日志。

不知道针对于 BlogCN 做的一个小小的 Hack , 人家又会有什么看法了。免费使用了人家的 Blog 空间,却不想承载这么个小小的广告,现在网上见了广告就会觉得碍眼,BlogCN 也可以想想,如果没有那么多自由免费的写客,网站的人气值哪会有这么旺呢?

本文链接 https://yanbin.blog/hide-two-float-ads/, 来自 隔叶黄莺 Yanbin Blog

[版权声明] Creative Commons License 本文采用 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 进行许可。

Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments