侧边广告 js_js侧边栏广告_jquery侧边广告 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Hexo Next 接入 google AdSense 广告

个人网站 www.yanlongwang.net 已经运营近一年，每日的浏览量不断上升，现在维持在两位数，打算承接一点广告赚睡后收入，用来维持网站的日常运营，希望能覆盖网站的服务器和域名开销。

01

emlog固定滚动侧边栏实现方法

滚动侧边栏的方式，好处显而易见，当博文较长的时候就不会因为侧边栏太短而产生不美观了。其实有集中方法：另一种方法请参考侧边栏滚动教程；滚动侧边栏的教程，其实很简单，先来看看代码。需要加载jquery。emlog可以直接使用/include/lib/js/jquery/jquery-1.7.1.js。js代码如下：

01

您找到你想要的搜索结果了吗？

是的

没有找到

优化你的z-blog代码提高页面加载速度

不知不觉z-blog已经用了三年了，从开始的懵懂到现在的略加熟悉，感觉有必要写篇文章来为广大ZBlogger提一些建议，使用z-blog是否觉得页面访问速度慢？加载慢的情况？今天就为大家来分析一下你的z-blog访问慢的原因，并通过优化一些代码以达到提高页面加载速度的目的，按照以下的方法做一些改变，你会发现博客访问速度明显提高了。

01

让百度联盟广告异步加载并支持pajx

国内的百度联盟广告相比谷歌广告js抽风还是好很多，这几天通过各种搜索折腾终于把百度广告支持pjax了，外附handsome添加广告的小技巧。

01

AdBlockPlus 插件检测

By Noxxxx from https://www.noxxxx.com/?post_type=post&p=2079 上山打老虎欢迎分享与聚合，尊重版权，可以联系授权广告屏蔽插件是一

01

关于博客更新的二三事

很显然，正如大家所见到的，这一版本主题v4.7.0进行了大量的删减工作。可能正如 “大道至简” 吧，相比于前一版本 v3.7.1 ，个人认为可能有点花哨（仅个人认为），所以这一版本并未过多魔改，只在样式上做了些许调整，更多的继承沿用了主题自带的效果。

02

借助腾讯混元助手屏蔽简书登录框

查东西的时候，有些文章在简书，然后在浏览简书的时候，未登录时会弹出登录框，很烦人，所以想屏蔽掉。也想把右边的热门故事和底部的推荐关闭掉。说实话，我对《离婚后，妈宝男前夫后悔了》之类的是真的不感兴趣啊。。。所以就想通过 js 实现过滤掉这三部分。通过暴力猴，然后自己实现一个过滤脚本，具体步骤如下：

03

博客主题重构记录

我的旧主题是基于初学前端时写的 Fuji 主题构建的大改版，而在历经多次小修小补之后终于进入了维护不动的的状态。无论是 Hugo 模板本身，还是相配的 JS 和 CSS 都进入了完全的混乱状态。趁着近期有一点时间，是时候来一次重构了。

04

极力推荐的谷歌浏览器插件

今天有幸请教了记得诚、小麦大叔、SoWhat、程序猿学社等十位博客专家，给大家推荐一些谷歌浏览器插件，让你的谷歌浏览器更实用，成为真正的生活办公小助手！

02

本博客投放谷歌 AdSense 广告全部完成

经过几天的测试，截止到今天为止，终于完成了本博客全站开始投放谷歌 AdSense 广告，目前投放的谷歌 AdSense 广告样式有「文字和展示广告」、「自动广告」、「文章内嵌广告」、「匹配内容」，分别在首页侧边栏、文章页结尾底部、独立页面结尾底部以及全站随机位置。唯一没有在本博使用的样式是「信息流广告」，因为主题 handsome 没有预留文章列表页的广告位，为了不影响主题的更新也就是没有着手尝试，以后有机会了可以试着研究一下。

02

23个项目管理经典案例_交互动画

注意： speed = (end - box.offsetLeft)/20; 代表用（终点位置-当前位置）/动画系数动画系数可以控制动画的快慢

03

WP125: WordPress 的 125×125 广告管理插件

现在很多博客都在侧边栏放置 125X125 的广告位，但是怎么管理这些广告位呢：如何实现广告轮转，广告过期了怎么处理？所以我们需要一个高效的广告管理工具，除了可以使用第三方的广告管理工具（比如：Google DFP，百度广告管家）之外，我们还可以使用 WP125 这个 WordPress 插件来管理博客侧边栏 125X125 的广告位。

01

结合标签广告，定制一个QQ邮箱订阅

用了一段时间百度联盟了，发现标签广告的单点价格普遍偏高，前几天在糯米汇博客看到他将 QQ 邮箱订阅放置到了正文，并且和百度标签广告结合在一起，感觉非常不错！于是我也弄了个差不多的，结果侧边栏和正文都是标签广告，而且经常还是展示相同的内容！然而我的主题侧边栏又太窄了，并不适合其他广告！真是恼火。。。只好变着花样试着在各种地方放置标签广告。换来换去，最终又回到了原点——侧边栏！发现折腾真是一个无尽的死循环。。。最终，我将 QQ 邮箱订阅和百度联盟标签广告结合在一起，放置到了侧边栏，感觉还比较和谐，就来分享

03

如何构建自己的技术博客

拥有自己的技术博客，不仅可以提升自己的技术能力，还可以提升自己的影响力，未来也可能带来一些“睡后”收益。

03

docsify的配置+全插件列表

本篇文章来自好友肥子哥，原文连接：https://xhhdd.cc/index.php/archives/80/

08

begin主题使用说明（详解教程）

主题有些功能会用到文章点击量，所以必须安装文章点击统计插件：wp-postview，也可后台搜索安装官方最新版。

04

整理了二个基本的css库(高手请绕道)

前一阵公司唯一的前端开发人员走掉了，短期内也没人顶上来，所以切页面/js这种活儿只能咱自个儿揽过来了，花了大半天捣鼓了下css,整理了二个基本的css库，方便以后切页面，贴在这里备份说明: p.css ---即public.css，用来定义一些常见的公用样式 l.css ---即layout.css，用来定义栅格系统的常用布局(不清楚栅格系统的统子们，先到这里扫扫盲http://www.cnblogs.com/yjmyzz/archive/2009/08/20/1550653.html-学习网页栅格系统的

为什么人家的开源项目文档如此炫酷？原来用的是这款神器！

VuePress是Vue驱动的静态网站生成器。对比我们的Docsify动态生成网站，对SEO更加友好。

02

WordPress免费博客杂志主题CX-MULTI

CX-MULTI由 @小牛爱奋斗开发制作定位于一款简洁大气的博客杂志类主题，自适应平板和手机等设备，您可以用来搭建您的个人博客，或者作品展示类网站，主题为免费主题，喜欢的朋友可以下载使用！

02

仿异次元百度分享工具条张戈修改版

只要不是高度近视，就会发现张戈博客的文章最近加上了这个仿异次元百度分享工具条。增加这个跟随横条的初衷，其实是最近启用百度两侧漂浮广告后，发现博客左侧的分享条以及右侧的卷动按钮在 1280*800 分辨率下，会被广告遮盖，有点不爽。于是就想起了以前看到过的这个玩意儿。前天，经过一番折腾后，如愿以偿的加上了这个功能，感觉挺不错的！当我回访重量网络博客时，发现他的工具条有个很棒的功能，那就是字体大小及侧边栏控制，可使用大字体，并开启宽屏浏览！感觉很棒！于是，就给他留言，想他给下源码。第二天还是没回复我（应该是

08

Joe主题再续前缘版 - 本站同款

前言因为Joe主题作者不再更新，我便基于原主题 7.3.7 最新版开发了再续前缘版，秉承着原版作者大神免费开源的伟大初衷（在这里吐槽一下...密...），再续前缘版是朝着简便实用的路线发展的。如果有问题可以跟我反馈，共同进步。祝各位道友一路飞升，顶峰相见！

02

Float 和 List Style Image 的 CSS 问题

今天把主题修改了下，主要就是把 head 图片换张新的，原来的猪好久了，没有鲜新感了，不好看了，换头新的猪，哈哈。然后把侧边栏加大一点，为什么这么干？这样可以多放点广告，给晨晨多赚钱奶粉钱，虽然现在还没有人找我投放广告，但是我相信会有的，哈哈！ 🙂 在把侧边栏加宽的之后，发现侧边栏的分类和友情链接列表太窄了，非常不协调，于是乎就把它改成两栏，代码如下： #subcontent ul.categories li{ list-style-image:url(images/categories.gi

02

css书写规范

在前端领域，CSS(层叠样式表:Cascading Style Sheets)是绕不过的话题。

02

知乎免登录插件2021

在电脑中使用过网页版知乎的小伙伴们应该都知道，在使用前是必须进行登录的，为此小编就带来了知乎免登录插件2021，这是专门针对知乎登录问题而打造的一个浏览器插件脚本工具。因为在访问网页版时会强制要求你登录账号，否则根本点不进去，无法正常使用，但是有了该插件，只需要启动即可轻松帮助用户实现不登录也可正常使用知乎网页版，并只要启动了知乎免登陆脚本不仅直接免去了登陆的流程，还丝毫不会影响用户浏览其中的问题、文章、答案以及别人的评论等内容，十分强大。不过需要注意的是，这个脚本是属于油猴脚本的，所以在使用前需要先安装油猴管理器，当然小编也是有打包提供的，只需要先安装好油猴，再导入安装脚本即可。

01

WordPress 简约大气主题：Rcloud

主题特色多种文章样式（状态、图像、引语、视频、音频）内置多种小工具（指定分类、相关文章、随机推荐、网站统计等）强大的后台配置四套页面模板（友情链接、留言板读者墙、文章归档、网址收纳箱）响应式布局，移动终端兼容 SEO优化/后台可设置增强文章定时发布功能内置四个菜单位置，支持二级菜单缩略图功能，后台选择开启代码高亮侧边栏跟随顶部菜单跟随 SNS 后台集成多个广告位短代码评论ajax slimbox图片效果DEMO 使用说明将主题解压上传到wp-content/themes文件夹下

01

Docute超简单的文档构建工具

在我们日常的开发和学习中，我们可能会进行在线文档的写作，为了能够让我们的文档公开给大家查阅，我们可能需要将其发布到公网。这个时候，我们会有很多的文档软件选项，比如GitBook、Docsify、MdBook、Docusaurus2、MkDocs等等。

02

js带模糊效果的隐藏滑动侧边栏代码教程

pushbar.js是一款带模糊效果的js隐藏滑动侧边栏插件。pushbar.js能制作上下左右四个方向的滑动侧边栏效果，并且在侧边栏菜单显示的时候，主页面会带有炫酷的模糊特效。

04

WordPress 技巧：使用 Shortcode 快速插入表格

在 WordPress 后台代码模式下输入表格，总有一种想死的感觉，要输入

等一堆代码，看着头都晕，实在是受不了了，所以就写了下面这个插件，使用 Shortcode 快速插入表格。

04

emlog侧边栏复古翻牌时钟效果

emlog侧边栏复古翻牌时钟效果。（涛先森原创）小编发现，本博客的后边侧边栏总是觉得空空的，反复思索了一下，决定加个时钟但是时钟现在的人体艺术时钟已经泛滥，思索着整一个新的。放

03

Typecho 下 Handsome 主题投放谷歌AdSense广告总结

说起谷歌AdSense广告，明月可以说是“情有独钟”了，这么多年来一直都在使用，那怕是收入“微薄”到不可言喻都一直没有放弃，主要原因就是谷歌AdSense的广告很多时候对网站页面是个非常好的“点缀”的存在，可以说没有谷歌AdSense“点缀”的网页是不完整的网页，总之一个字儿那是“必不可少”的！

03

答应大家的建站教程！

先给大家看一下网站封面，个人是非常喜欢的，记得高中下课后的娱乐项目之一就是，趴在桌子下面，用手机偷偷看灌篮高手，这个是真的好看，喜欢打篮球的哥们应该都看过这个动漫。

01

Opera GX（游戏浏览器）

Opera GX 是由 Opera Software 开发的专为游戏玩家设计的网络浏览器。它于 2019 年推出，适用于 Windows 和 macOS。

04

手把手教你用vuepress搭建自己的网站(2)

要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js，它导出一个 JavaScript 对象,使用的是Commonjs文件导入导出的规范如有对 CommonJS 使用疑惑可参考文档:commonJs 使用规范

02

前端好帮手，请一定要装上这个 Chrome 插件

chrome 浏览器上有很多插件，我最喜欢的只有这一个，因为它解决了我工作中的很多麻烦。相信我，装上它，你的工作会容易很多。

01

【吐血推荐一】那些你用了就上瘾的Windows Edge浏览器插件

我们在日常办公会使用到浏览器，如果浏览器配上合适的插件会大大提高我们办公效率。下面我推荐几款浏览器插件给大家用。

02

打造自己的博客园页面

刚接触博客园时，总有一种要定制打造自己博客页面的冲动，后来感觉原有的模板足够了（博客园提供了大量的模板），没有做这项工作。今天不太忙，稍微研究了下博客园的页面定制功能，记录如下。

03

zblogPHP智能侧边栏跟随固定范围浮动的效果

其实关于主题家这个模板我之前一直在打算找一款插件，可以自动调整右侧的跟随效果，但是苦于没有思路一直没整，前几天网友又反映到这个问题了，于是重新整理查找资料，我记得之前写过一篇“zblogphp侧栏跟随代码教程，看了就会。”的博文，但是这个仅仅针对右侧某个栏目跟随，而且不能判断整体。所以在网上找相关功能，整理之后代码如下：

02

如何在 Chrome 和 Firefox 浏览器上屏蔽微博广告

微博越来越过分了，原来还只是在发布框的下面，侧边栏，底部显示一些广告，现在直接在内容中显示的广告了，如果广告内容相关也就罢了，但是完全一点关系都没有，所以必须要屏蔽了。

02

搭建和mybatis-plus官网一样主题的网站（cos+宝塔+vercel）

网站主题最初是在开发数据api的时候看到的，当时在学习Mybatis-Plus，最初也不知道这是个主题，就觉得Mybatis-Plus官网UI真的不错，直到后面发现另外一个类似的网站，我意识到这是个模板，于是有了自己也搭建一个的想法，不过拖延症相当严重，最初是在宝塔上修改的，效率极低，一度放弃部署，直到最近换成本地开发才好了很多，也就是最近网站搭建初步完成，接下来就是往里面增加文章等等，这里带大家从零开始搭建Vdoing主题网站，算是对过去一个月的知识总结。下图就是mybatis-plus官网，是我们年轻人喜欢的风格（这里随便吐槽一下xx园吧，风格还是20年前的，不知道他们的UI设计师是不是还是兼职的）。

02

玩不转的企业微信侧边栏

如果你不知道企业微信侧边栏是什么，那就可以划走这篇文章了。如果你知道这是个啥，那你一定非常苦恼要怎么开始。

03

快速上手Vue Router和组合式API：创建灵活可定制的布局

该教程从基础开始，介绍了Vue Router的概念，如何配置路由以及如何使用组合式API。它还介绍了如何在Vue Router中使用组合式API来创建布局。教程还包括如何使用路由钩子函数和路由元信息来控制布局。

01

5个最佳WordPress广告插件

WordPress插件可能是当今人们可以使用的最好的东西之一。它们提供了在网站上完成原本需要由开发人员完成的事情的能力。

02

替换WordPress默认搜索为百度站内搜索(知更鸟主题可照搬)

今天，中国博客联盟 QQ 群里的【58 说】博友提到百度站长平台推出绿色收录通道了。连忙登陆站长平台看了下，意外的发现张戈博客已开通了站内搜索功能。之前确实给管理员发邮件申请过，不过一直没有邮件回复，

04

SEO人员，如何控制网站流量走向呢？

我们做SEO的目的就是从搜索引擎中获得流量并进行转化，而我们做SEO是通过大量关键词获取排名而引流，但我们通过百度流量统计中可以看出一些页面的点击量比较高但其并非是我们要转化的页面，而高转化率的页面获取流量却不多，为此我们需要在网站内部进行流量的再次汇聚，已达到更为精准的营销。

01

WordPress简约大气主题：Prower V6

今天推荐给大家的是 @摄氏度的简约大气的博客主题Prower V6，如果你喜欢安静地写文章，追求简约时尚，那这款主题或许适合你！

03

计算广告系列(二)-常见广告形式介绍！

今天这一篇我们来介绍几种常见的广告形式，分为合约广告、搜索广告、广告网络、广告交易市场和原生广告。

04

Core + Vue 后台管理基础框架4——前端授权

上篇，我们讲了后端的授权。与后端不同，前端主要是通过功能入口如菜单、按钮的显隐来控制授权的。具体来讲，就是根据指定用户的制定权限来加载对应侧边栏菜单和页面内的功能按钮。我们一个个来讲。

01

CSS 侧边栏在小屏设备中进行隐藏

侧边栏的作用应该就不用多说了吧，能够很方便我们回到网页的指定位置，在大屏设备中，侧边栏往往是悬浮于屏幕右侧，很方便用户的使用，但在小屏设备中，屏幕空间有限，所以我们会通过隐藏侧边栏的方式，来节省视口空间的使用

03

WordPress主题 Vieu主题首发【最终版】【无任何限制】

这个模板流行于2019年，当时近3000个大小博客的站长都用这个主题，但是当时不知出于何种原因作者直接消失（跑路）导致主题不可用，而且代码还有加密，bug都无法修复，当时我的站规模也算中等水平，切换了很多主题已发布的文章都无法兼容，所以我与其他使用的这个主题的博主共同解密和修复了这套程序，而且当时约定好了只允许自用，大约3年过去了，当时参与解密的修复的团队成员也都不再从事网站行业，再取得他们同意后我决定将这套程序分享出来，不同于百度上泛滥的，百度上的我都看过都是加密的版本，无法实现真正的运营，我发布的这套可直接运营，希望有精力的人能不断完善。下载链接在文末

01

我问导师，Vue3有没有对应工具来生成漂亮的文档？用 Vitepress

最近有人在问：小智， Vue3 有没有对应制作文档的工具。于是，我去查了一些资料，发现，Vue3和新的Vite构建工具为我们提供了另一种快速开发静态站点的方法，那就是 Vitepress。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭