不知道分钱榜的读者朋友们有没有发现,分钱榜博客有什么贴心的小变化呢?没错,就是给网站导航栏下的推荐表格做了一个关闭按钮。如果你觉得表格过长,影响了你看文章列表,你就可以小手一抖,关掉这个大表哥了:
怎么样,是不是有种耳目一新的感觉呢?我在折腾这个功能的时候,还惨遭友站泛宝汇博客无情取笑:广告就是给人看的,你还要做个关闭按钮,简直多此一举 。好吧,为了给读者们一个良好的用户体验,我不入地狱,谁入地狱呢?
下面我来说一说是怎么做的吧。也许会有和我一样傻的站长需要呢。
1、首先,我们来创建一个写 Cookie 的 js。代码如下:
- (function(){
- function SetCookie(c_name,value,expiredays){
- var exdate=new Date();
- exdate.setDate(exdate.getDate()+expiredays);
- document.cookie=c_name+“=”+escape(value)+
- ((expiredays==null)?“”:“;expires=”+exdate.toGMTString() + “;path=/”);
- }
- window[‘PHC’] = {};
- window[‘PHC’][‘SetCookie’] = SetCookie;
- })();
2、把这个 JS 文件放在网站根目录,不会写 JS 文件的,直接在自己网站随便下载一个,里面的内容换成以上代码。然后我们在广告代码的相应位置插入一个关闭的按钮:
- <?php if(!$_COOKIE[‘adsxx’]==’no’){ ?>
- <?php if(is_single()) { ?>
- <div id=“xx”>
- <span class=“ad”>
- <!–这个放你的广告代码–>
- </span>
- <a title=“关闭” onclick=“document.getElementById(‘xx’).style.display=’none'” href=“javascript:void(0)”>关闭</a>
- </div>
- <?php } ?><?php } ?>
css 样式的话,我不会写,别问我。