隐藏百度新闻代码LOGO以适合自己网站风格

由于网站内容需要，要在侧栏调用一些配合网站的新闻，我选择使用百度的免费新闻代码。百度新闻代码原理是利用搜索技术，调用用户自定义的符合网站或兴趣的新闻。

百度新闻搜索、免费代码申请地址：http://news.baidu.com/newscode.html

此功能确实比较好用，也能定制到符合你的新闻类型，比如我输入关键字：asp，会得到以下调用代码：

<style type=text/css> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}

.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>

<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3Aasp&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>

我们可以通过修改css样式来实现完美接合网站风格，这里不多说，上面代码显示效果如下图：

我的需要就是不让上图中的logo显示，我的操作很简单，就是换用其它图片来遮盖它。在上述代码后面加上红色语句：

<style type=text/css> div{font-size:12px;font-family:arial}.baidu{font-size:14px;line-height:24px;font-family:arial} a,a:link{color:#0000cc;}

.baidu span{color:#6f6f6f;font-size:12px} a.more{color:#008000;}a.blk{color:#000;font-weight:bold;}</style>

<script language="JavaScript" type="text/JavaScript" src="http://news.baidu.com/ns?word=title%3Aasp&tn=newsfcu&from=news&cl=2&rn=5&ct=0"></script>

<DIV style="position:absolute; top:10px; left:10px;"align=center><IMG style="WIDTH: 100px; HEIGHT: 32px" src="https://yangjunwei.com/images/nuodou.gif"></DIV>

显示效果如下图：

这样就达到了我的目的，其实也可以做个标题背景图，比如“相关文章”的背景图来实现遮盖，具体操作可在对应的DIV标签下做修改。如果你有其它方法，可以留言大家学习一下。