给你的广告添加一个关闭按钮

给你的广告添加一个关闭按钮

wordpress、折腾手机赚钱2016-11-22 9:00:323152A+A-

不知道分钱榜的读者朋友们有没有发现,分钱榜博客有什么贴心的小变化呢?没错,就是给网站导航栏下的推荐表格做了一个关闭按钮。如果你觉得表格过长,影响了你看文章列表,你就可以小手一抖,关掉这个大表哥了:

gbgg

怎么样,是不是有种耳目一新的感觉呢?我在折腾这个功能的时候,还惨遭友站泛宝汇博客无情取笑:广告就是给人看的,你还要做个关闭按钮,简直多此一举?。好吧,为了给读者们一个良好的用户体验,我不入地狱,谁入地狱呢?

下面我来说一说是怎么做的吧。也许会有和我一样傻的站长需要呢。

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样式的话,我不会写,别问我。

点击这里复制本文地址 以上内容由分钱榜整理呈现,未经允许请勿转载。如对内容有疑问,请联系我们,谢谢!

支持Ctrl+Enter提交

分钱榜 © All Rights Reserved.  

分钱榜是分享手机赚钱排行榜的简称,致力于为广大网赚客们分享网上各种免费手机赚钱的门路,让每个网民都能通过手机兼职赚钱。