用脚本为本blog增加了几项自定义功能

简介:
 这段时间的工作主要是研究客户端的脚本编程,所以顺便使用脚本为blog提供了几个小功能,这些功能有的是便于读者阅读,而有的是便于作者管理blog的。包括:banner广播、页面反色、搜索跟踪和Google广告。下面分别说说他们是怎么弄得。

    从上到下说吧,第一个添加一个Banner广播,这个是干什么用的呢?就是写一些问候的话语放在这里了,效果如下图:
    Blog-01.png
    这个广播播的内容是:怎么老是这些广告啊,真是烦人:<
    这个东西的实现基于了页面的布局,这个Banner条目的位置正好是我使用这个主题的一个ID为sub的DIV里。所以我替换DIV里的内容,就弄出这个广播了。我这里都是介绍google广告的,当然你可以自己订制放任何的东西。
    添加Banner广播的代码如下:
< script  language ="javascript" > </ script >

Blog-02.png    第二个功能是增加了一个页面 色彩反转,其开关在'公告'下的计数器旁边(如右图),您可以自己选择是否将页面反色,并且现在的结果会保存在cookie里,将在以后的浏览中继续生效。这个功能其实提供了又一段时间了,不过一直没有提供customize,也就一直没有介绍。后来居然搞得有人抱怨说在反色状态下老是点错滚动条
    第三个功能是提供了一个Google的广告,是通过Google AdSense计划加入的。由于Google广告是先详细分析页面内容,然后再提供与页面紧密相关的广告条目,所以可以给浏览文章的人提示很友好的广告内容。当然点击Google也会给我们带来一点点的好处 ,AdSense是会根据点击付费的。
    第四个功能是增强了'搜索跟踪'功能,原来我曾介绍过 通过注入脚本给页面添加了一个GoogleTrack的功能。不过后来我发现对于中文内容的搜索,Baidu还是有其优势的,本来我对Baidu有些成见(因为有一年Google被阿共封锁了, www.google.com居然被解析成了baidu@_@)。但是这么长时间了,Baidu也还是在进步,何必老是翻那些陈年老账呢,要于时俱进嘛,所以又添加了一个'百度跟踪'。而且可以通过右图下端的一组RadioButton来选择使用什么Track,它们分别是:GoogleTrack,BaiduTrack和随机选取Tracker。
    注入Search Tracker的代码如下: 
< script  Language ="javascript" > </ script >

    由于Baidu搜索引擎接受的是GB码的escape形式,所以在代码使用了一段VBScript来编码。
< script  language ="vbscript" >  
function  vbGetGBCode(str) 
    
dim  i, length, s 
    length 
=   len (str) 
    
for  i = 1   to  length 
        hexCode 
=   hex ( asc (str.charAt(i - 1 ))) 
        
if  ( len (hexCode)  mod   2 =   0   then
            s 
=  s  &   " % "   &   mid (hexCode,  1 2 )
            
if  (  len (hexCode)  =   4  )  then
                 s 
=  s  &   " % "   &   mid (hexCode,  3 2 )
            
end   if  
        
else  
            s 
=  s  &   " %0 "   &  hexCode 
        
end   if  
    
next  
    vbGetGBCode 
=  s 
end function  
</ script > 

    而Google搜索引擎是接受encodeURIComponent的编码,所以就简单多了。


    注入百度Tracker的效果如图所示:

    Blog-03.png

    本来这些功能除了反色以外都可以很容易的在服务器端做的,不过毛主席不是教导过大家'自己动手风衣足食'嘛


本文转自博客园鸟食轩的博客,原文链接:http://www.cnblogs.com/birdshome/,如需转载请自行联系原博主。

目录
相关文章
|
6月前
|
运维 Devops
云效产品使用报错问题之代码域修改配置后,删除了代码组,代码未删除,但是项目现在看不到了,如何解决
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
3月前
|
安全 数据管理 PHP
|
3月前
|
前端开发 API
Typecho——为评论增加地址信息展示
Typecho——为评论增加地址信息展示
38 0
|
5月前
|
SQL 弹性计算 PHP
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
必知的技术知识:ECSHOP增加独立评论页面,并分页显示
32 1
|
4月前
|
SQL 前端开发 Java
若依修改03----利用若依代码生成器,生成课程管理的前后端代码,课程的条件搜索接口,一旦数据表创建好了,直接交给若依代码的生成器就好了,配置代码生成信息,包含基本信息,字段信息,生成信息。字段信息决
若依修改03----利用若依代码生成器,生成课程管理的前后端代码,课程的条件搜索接口,一旦数据表创建好了,直接交给若依代码的生成器就好了,配置代码生成信息,包含基本信息,字段信息,生成信息。字段信息决
|
6月前
|
机器人
Dataphin功能Tips系列(5)-手工表上传及长期维护
有些业务数据是手工excel维护的,这时我们要如何将数据上传至dataphin并进行维护?
Dataphin功能Tips系列(5)-手工表上传及长期维护
|
6月前
|
移动开发 前端开发 JavaScript
动态获取新增的数据+项目实例介绍
动态获取新增的数据+项目实例介绍
90 0
漏刻有时基础环境状态4个指标选项的更改说明
漏刻有时基础环境状态4个指标选项的更改说明
50 0
|
PHP
【laravel项目】@16 修改后台分类
【laravel项目】@16 修改后台分类
102 0
【laravel项目】@16 修改后台分类
|
JSON 测试技术 数据格式
[单账户]标签规范工具(标签策略)使用手册
企业随着上云的深入,对于资源管理的诉求越来越强烈。资源被企业各个子公司、部门等使用的时候,存在资源自产自用,一产复用,共产共用的情况。企业发展最初阶段,满足快速发展的诉求,资源自己生产自己使用。当企业发展到一定阶段,存在资源生产多处复用的情况,以满足业务细分发展。再到资源管理统一生产规划、根据场景复用资源的情况。标签化管理资源共产共用的基础,根据用途、场景、归属进行资源分类。如何把资源标签使用规范就是资源分类的前提。
1070 0