抓狂（javakuang）

hibernate annotion多对多关系示例

2009-05-10T21:22:00.003+08:00

实体之间是多对多的关系，如图：

错误的实体代码如下

JAVA 代码:

@ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.EAGER)
   @JoinTable(name = "product_packagetype:packageTypes:products")
   private java.util.Listimplambition.forxxx.model.PackageType> packageTypes;
   /** 
    * @generated 
    */
   @ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.EAGER)
   @JoinTable(name = "product_productcolor:productColors:products")
   private java.util.Listimplambition.forxxx.model.ProductColor> productColors;
   /** 
    * @generated 
    */
   @ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.EAGER)
   @JoinTable(name = "product_attach:attachs:products")
   private java.util.Listimplambition.forxxx.model.Attach> attachs;

这样的代码本身不能正常运行，报错 cannot simultaneously fetch multiple bags。
改成FetchType.LAZY后，报错 WARN [main] 2009-05-10 16:46:18,655 - SQL Error: 1064, SQLState: 42000
ERROR [main] 2009-05-10 16:46:18,655 - You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near ':packageTypes:products packagetyp0_ left outer join PackageType packagetyp1_ on ' at line 1

最后只能修改为：
Product实体

JAVA 代码:

/** 
    * @generated 
    */
   @ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.LAZY)
   //@JoinTable(name = "product_packagetype:packageTypes:products")
   @JoinTable(name = "product_packagetype", joinColumns = { @JoinColumn(name = "packageTypes") }, inverseJoinColumns = { @JoinColumn(name = "products") }) 
   private java.util.Listimplambition.forxxx.model.PackageType> packageTypes;
   /** 
    * @generated 
    */
   @ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.LAZY)
   //@JoinTable(name = "product_productcolor:productColors:products")
   @JoinTable(name = "product_productcolor", joinColumns = { @JoinColumn(name = "productColors") }, inverseJoinColumns = { @JoinColumn(name = "products") })
   private java.util.Listimplambition.forxxx.model.ProductColor> productColors;
   /** 
    * @generated 
    */
   @ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.LAZY)
   //@JoinTable(name = "product_attach:attachs:products")
   @JoinTable(name = "product_attach", joinColumns = { @JoinColumn(name = "attachs") }, inverseJoinColumns = { @JoinColumn(name = "products") })
   private java.util.Listimplambition.forxxx.model.Attach> attachs;

其他关联实体只列出一个示例，代码如下（注释掉的为studio生成的代码）

JAVA 代码:

/** 
    * @generated 
    */
   //@ManyToMany(cascade = CascadeType.PERSIST, fetch = FetchType.EAGER)
   @ManyToMany(cascade = {CascadeType.PERSIST, CascadeType.MERGE }, fetch = FetchType.LAZY, mappedBy="attachs")
   private java.util.Listimplambition.forxxx.model.Product> products;

apusic operamasks使用了 w：foreach 迁移到tomcat的问题

2009-05-10T21:20:00.000+08:00

aom使用了 w：foreach 迁移到tomcat的问题

如果部署到tomcat的aom应用中使用了 w：foreach，只包含
elite.jar
jsf-api.jar
operamasks-impl.jar
operamasks-options.jar
operamasks-third-party.jar
在一些特殊情况下（w：foreach 绑定的不是一个list对象）是不能运行的，需要加上jstl.jar

uidata.java 方法getDataModel会调用到jstl.jar

复制内容到剪贴板

JAVA 代码:

protected DataModel getDataModel() {
 
   // Return any previously cached DataModel instance
   if (this.model != null) {
    return (model);
   }
 
   // Synthesize a DataModel around our current value if possible
   Object current = getValue();
   if (current == null) {
    setDataModel(new ListDataModel(Collections.EMPTY_LIST));
   } else if (current instanceof DataModel) {
    setDataModel((DataModel) current);
   } else if (current instanceof List) {
    setDataModel(new ListDataModel((List) current));
   } else if (Object[].class.isAssignableFrom(current.getClass())) {
    setDataModel(new ArrayDataModel((Object[]) current));
   } else if (current instanceof ResultSet) {
    setDataModel(new ResultSetDataModel((ResultSet) current));
   } else if (current instanceof Result) {
    setDataModel(new ResultDataModel((Result) current));
   } else {
    setDataModel(new ScalarDataModel(current));
   }
   return (model);
 
  }

关于CSS Sprites

2009-05-01T19:59:00.002+08:00

前两天看apple的网站，网站导航看起来挺酷的，查看源码发现是一个大图片，如下图
心里就想apple的网页设计师怎么这么烂，现在都是css+小图片搞掂导航的，心里一直纳闷，今天在javaeye看到CSS Sprites介绍，其中就讲到了apple，原来是使用的CSS Sprites，看来倒是自己孤陋寡闻了，呵呵！转贴这篇文章给那些和我一样孤陋寡闻的朋友们
见文章：http://www.javaeye.com/news/7261-decrypt-css-sprites-skills-tools-and-tutorials

[转帖]FriendFeed的高明之处

2009-04-30T20:36:00.001+08:00

转自：http://webleon.org/2008/02/friendfeed.html

今天是FriendFeed爆发日。经历了几个月的测试以后，这个由数名Google的前员工组成的团队开发的聚合服务获得了500万美元的融资，并开始开放注册。

FriendFeed 是一个在朋友之间交流各自最新在线活动的一个平台。它可以把用户所使用的网络服务的更新内容同步并聚合在一起。你只要在FriendFeed上添加你感兴趣的好友，就可以随时看到他们所更新的活动。我们也可以对这些朋友的每一项更新进行评论和收藏。FriendFeed已经内置了20多种常见的服务方便用户进行添加内容。

乍一看起来FriendFeed和其它LifeStreaming的服务貌似没有多少区别，但是通过一些细节就可以看出 FriendFeed可以作的事情更多。你可以对你朋友的所有活动进行评论和收藏，而你所作的这些评论和收藏的数据都将被FriendFeed记录和分析。

通过这些记录和分析，FriendFeed提供了一些非常有趣的功能。它的统计功能可以帮你找出哪些人对你的内容感兴趣，而你又对哪些人的内容感兴趣；也可以看出你以及你的朋友使用哪些服务更为频繁；FriendFeed的推荐功能可以给你推荐你可能感兴趣的人；你甚至可以用你感兴趣的内容来虚拟出一个你感兴趣的人物。

FriendFeed的高明之处在于：它的初始用户数据来自于用户已经熟悉、且已被广泛使用的发布平台，不用担心内容的匮乏；而用户间的互动又需要在网站内完成，为数据的分析提供了便利；而数据的分析可以帮助用户更好的拓展和改良自己的朋友圈子，获得更有价值的内容。

所以说FriendFeed是一个可以跟踪你朋友所发布在线内容的平台。而这些朋友，可能来自现实生活，可能是和你有相同的爱好，可能是你感兴趣的人，甚至是一个虚拟的人物！

ORACLE进阶（二）

2009-04-02T22:43:00.003+08:00

pl/sql提供了可编辑数据的功能，需要在select语句后加个 for update，执行后点击锁图标就可以开始编辑数据了。
数据库字符串操作，oracle和mysql独有一个相同的字符串函数INSTR，如图。这个函数还是很有作用的。

ORACLE进阶（一）

2009-04-02T21:59:00.004+08:00

很久没有使用oracle了，今晚要验证一个sql，就启动oracle竟然服务启动不了，寒！
之前因为每次开机就自动启动oracle服务很耗机器，就改为手动启动oracle，没想到有现在的情况。
遇到问题只好自己来解决了，看看oracle启动日志，日志在哪里呢？很久不用忘了，寒！
还好最后找到了 oracle安装路径\product\10.2.0\db_1\network\log\listener.log
看到以下错误：
以 pid=5108 开始
监听: (DESCRIPTION=(ADDRESS=(PROTOCOL=ipc)(PIPENAME=\\.\pipe\EXTPROC1ipc)))
监听该对象时出错: (DESCRIPTION=(ADDRESS=(PROTOCOL=TCP)(HOST=192.168.1.102)(PORT=1521)))
TNS-12545: 因目标主机或对象不存在, 连接失败
TNS-12560: TNS: 协议适配器错误
TNS-00515: 因目标主机或对象不存在, 连接失败
32-bit Windows Error: 49: Unknown error
不再监听: (DESCRIPTION=(ADDRESS=(PROTOCOL=ipc)(PIPENAME=\\.\pipe\EXTPROC1ipc)))

问题比较明晰了，服务器ip的问题，通过ipconfig命令查看自己的ip已经不是1.102了，更寒！看来以后不能使用动态ip来指定机器了。
解决方法：
一。改变动态ip为现在的ip，后续可能还会遇到这样的问题
改变 oracle安装路径\product\10.2.0\db_1\network\tnsname.ora
oracle安装路径\product\10.2.0\db_1\network\listener.ora
二。改为机器名，不该机器名一般就不会出现该问题

生活网站：爱帮网

2009-04-02T20:48:00.002+08:00

http://www.aibang.com
爱帮网

垂直类搜索网站，据说ceo是刘建国，之前是百度的CTO，搜索的能力确实不错，不管是搜索餐馆还是公交线路都是一级棒，确实名副其实，是生活的好帮手大家可以体验下，相信你一定会喜欢上它

关于阿里软件进军管理软件市场

2009-04-02T20:16:00.003+08:00

http://news.csdn.net/a/20090331/210071.html
这则消息的释出已经有几天了，一直想就此作些评论，今天就了了自己的心愿！阿里巴巴近几年确实是如日中天，不管是在电子商务领域还是电子支付领域，还是阿里软件涉足的管理软件领域（SAAS）。对于这样一个资金雄厚，又有大量客户群的电子商务集团企业来讲，全面涉足管理软件市场是迟早的事情，不过这样的宣传阵式吹响涉足的集结号，确实让人感到它的强势。对于金蝶，用友，神码，东软和浪潮这些传统的管理软件厂商来说，确实需要加快自己的发展步伐。

JSF 中关于 immediate 属性

2009-03-31T22:40:00.004+08:00

对JSF了解的人都知道，JSF的六大生命周期，默认情况下六大生命周期各自的处理逻辑比较合理，但是在现在web交互的模式下（AJAX方式）就会经常出现需要跳过某些生命周期的情况。最常见的就是跳过有效性验证的阶段，JSF使用immediate 属性设为true达到该目的。
具体的处理方式参见以下两图的比对。

我们内部使用Apusic的AOM实现，对于该属性的支持，有一点小小的问题。
aom 的ajax:action使用IOVC绑定相应后台action方法后，即使设置immediate="true"也不会跳过processValidators生命周期，晕呀

开发网站推荐：dzone

2009-03-31T20:36:00.002+08:00

开发类的dig网站 ,涉及到方方面的开发知识。
http://www.dzone.com

参与“地球一小时”全球活动

2009-03-29T10:45:00.000+08:00

昨晚参与“地球一小时”全球活动，20：30-21：30关灯走出房间，“游荡”小区。

顺便看看其他地方的景观，希望以后每年可以坚持！

鸟巢熄灯

十亿人响应节能千座城接力关灯

517fan项目开源

2009-03-28T18:27:00.001+08:00

项目517fan开源了，其实也就是找个地方存储自己的代码，呵呵，一个商业应用，还没完成，玩玩。基于aom 和 ejb3开发。
项目地址：http://code.google.com/p/517fan/

广东要求省内各单位不再调休--地方政府妥协

2009-03-27T22:19:00.001+08:00

其实一直期待五一七天长假，之前一直佩服广东政府的魄力，不过就在快要成为既成事实之前，国办紧急叫停，地方政府只好妥协。唉，一声叹息，五一长假何时才能再见你芳容？呵呵

要注意休息

2009-03-27T22:02:00.001+08:00

已经整整一周没有在家使用电脑了，太累了，眼睛疼头疼坚持不住了，只好一周没有在家使用电脑。各位it工作者也要经常注意休息，不要太过劳累自己的眼睛，保重身体

【转贴】IE8 Web开发新特性

2009-03-21T21:01:00.003+08:00

转自： http://www.blogjava.net/Hafeyang/archive/2009/03/20/261043.html

今天发布了IE8简体中文正式版，我在第一时间下载并使用。这篇博文将介绍IE8开发新特性。

W3C标准支持

IE8是一个标准的浏览器。IE8终于通过了acid 的测试，虽然分数不高，但是微软能在标准前让步，实属难得。为了兼容之前浏览器，IE8提供了兼容视图，我用默认的IE8视图浏览了一些网页，还基本正常。我的项目在IE8下页没有问题。

性能改善

IE8每一个标签都是一个独立的进程，这样任何一个标签奔溃都不会影响别的标签，同时IE8提供了奔溃恢复功能。这点总算赶上了别的浏览器。

开发人员工具

IE8自带了 Internet Explorer Developer Toolbar ，可以用F12激活。下面将一一介绍其新特性。

工具栏菜单上多了验证项:

快速切换浏览器模式，包括 IE8 IE7 IE8兼容性三个试图。

任何一个标签都有搜索功能。可以方便的搜索HTML CSS javascript 文本。

多了标签栏。有四个标签 HTML CSS 脚本探查器，探查功能与之前的版本无异，只是探查器标签好像没有什么用，和HTML标签的功能是一样的。

在探测了一个DOM节点之后，工具对样式的支持堪比Firebug,同样可以查看currentStyle,跟踪样式：

布局功能是新增的，可以查看DOM的盒模型。

最令人兴奋的是，终于支持脚本调试，下面的篇幅重点介绍脚本调试功能。

要启用脚本调试功能，和之前的版本一样，需要在Internet 选项->高级->"禁用脚本调试" 两个选项不勾选。

我先写了一段简单的调试代码：

window.onload=function (){
   alert(undefinedVar);
}

用浏览器打开后，会提示如下对话框：

点击"是"，工具会自动跳至出错处：

和一般的调试器一样，可以单步，逐过程，跳出，运行功能在局部变量里面可以查看当前scopeChain中的变量值。

还可以添加监视，监视的内容很多，体现了很多IE特性。下面的截图是我监视document的结果：

还记得以前我们常用alert调试脚本的日子么，忘了他吧，IE8可以直接在代码中敲debugger;了,以前的版本我发现的调试工具当然是 visual studio 了，也非常好用，不过体积非常大，装上vs 去调试javascript无疑是大材小用。还好我有.net情节。修改刚才的那个页面：

window.onload=function (){
   dubugger;
   alert(undefinedVar);
}

如果你需要在debugger;处停止运行你的程序，必须将"脚本"标签中的"启动调试"按钮。

总结

IE8是一个很好的浏览器，其开发特性也是前所未有的，能支持javascript调试是次版本工具中一大亮点。相信这些新特性能让开发者的的开发更加轻松便利。

我之前已经使用ie8的这个功能了，不过当时的ie8是测试版本。对于js调试这个功能没得说，有胜于无，谁让我们公司的web应用只能在ie下运行正常呢，有时候有些js错误必须要调试一把才知道错误在那里。不过ie8提供的这个功能并不是很爽，调试过程中经常会导致ie8崩溃，郁闷！希望ie8正式版能有所改善，让我们一起体验下

关注web开发的网站 sitepoint

2009-03-21T18:06:00.001+08:00

一个商业公司的网站，不过其公司的博客有很多很好的博文，还有一个优秀书籍部分免费章节的下载，有时间可以关注一下。

http://www.sitepoint.com

微软发布网页开发调试利器SuperPreview

2009-03-21T17:26:00.006+08:00

目前有很多集成了IE各各版本的调试工具。如IETester、Multiple IE、IECollection等等。微软近日也推出一个工具Expression Web SuperPreview,它是Expression Web包中的子产品。（Expression包是相当出色的，Expression Web 完全是可以取代DW的XHTML+CSS开发工具） SuperPreview和以上工具不同，它自带有很多元素查看工具，如箭头、移动、辅助线、对比（对比方式有很多种，称得上它的最强项）、类似Firebug一样的DOM查看工具。在查看网页在IE6/IE7/IE8不同表现的同时，可是对比效果。
它主要有以下特性：
1.可以从不同角度查看和比较各类浏览器的效果，可以同时全部移动正在比较的在不同浏览器中的位置。

2.同一页面可以在不同浏览器视图中以不同的大小展示。

3.四周都有像素标尺方便用户查看页面布局

4.各个工具按钮的放置便于我们查看页面布局

5.鼠标划过或是点击都会高亮显示页面元素的ID, classes 和大小规格.

下载地址：http://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreview_Trial_en.exe

该产品团队博客 http://blogs.msdn.com/xweb/default.aspx

理财网站推荐

2009-03-21T13:35:00.002+08:00

经历了一阵金融危机之后，中国的经济现在有所好转，股市也渐渐回暖，不管如何，都要对资本市场有足够的关注。现在推荐一个关注基金的好网站-财帮子

http://www.caibangzi.com

真的是不错！

一个专注于网站前端设计与开发的网站

2009-03-18T21:09:00.002+08:00

一个专注于网站前端设计与开发的网站，还算有相当多可以学习和观赏的内容，不过是不是google的广告多了点？呵呵，生活不易呀，宣传一下，也算是对站长的支持！

http://www.qianduan.net

【转帖】第19届软件奥斯卡奖Jolt大奖已经揭晓

2009-03-16T20:26:00.002+08:00

http://www.joltawards.com/winners.html

Jolt Hall of Fame Winner:

Compuware DevPartner

Books General

Jolt Winner:

Adrenaline Junkies and Template Zombies: Understanding Patterns of Project Behavior by Tom Demarco, Peter Hruschka, Tim Lister, Suzanne Robertson, James Robertson and Steve McMenamin (Dorset House Publishing)

Productivity Winners:

Emergent Design: The Evolutionary Nature of Professional Software Development by Scott L. Bain (Addison-Wesley Professional)
Intellectual Property and Open Source: A Practical Guide to Protecting Code by Van Lindberg (O'Reilly Media)

Books Technical

Jolt Winner:

Real World Haskell by Bryan O'Sullivan, John Goerzen and Don Stewart (O'Reilly Media)

Productivity Winners:

High Performance MySQL: Optimization, Backups, Replication, and More by Baron Schwartz, Peter Zaitsev, Vadim Tkachenko, Jeremy Zawodny, Arjen Lentz and Derek J. Balling (O'Reilly Media)
Programming in Scala by Martin Odersky, Lex Spoon and Bill Venners (Artima Press)

Change and Configuration Management Tools

Jolt Winner:

OpenMake Meister (OpenMake Software)

Productivity Winners:

AccuRev (AccuRev)
Change Manager (Embarcadero Technologies)

Database Engines and Data Tools

Jolt Winner:

Postgres Plus (EnterpriseDB)

Productivity Winners:

Aqua Data Studio (AquaFold)
Vertica Analytic Database (Vertica Systems)

Design Tools and Modeling

Jolt Winner:

Blueprint Requirements Center (Blueprint Software Systems)

Productivity Winners:

RAVEN (Ravenflow)
Screen Architect (Screen Architect Ltd. / Catch Ltd.)

Development Environments

Jolt Winner:

Altova MissionKit (Altova)

Productivity Winners:

JBuilder 2008 (Embarcadero Technologies)
ReSharper 4.1 (JetBrains)

Enterprise Tools

Jolt Winner:

MindTouch Deki (MindTouch)

Productivity Winners:

Agile Platform (OutSystems)
Zenoss Core (Zenoss)

Libraries, Frameworks and Components

Jolt Winner:

ComponentOne Studio for Silverlight (ComponentOne)

Productivity Winners:

Essential Studio Enterprise Edition (Syncfusion)
Threading Building Blocks Library 2.1 (Intel)

Mobile and Web Development Tools

Jolt Winner:

MITE (Keynote Systems)

Productivity Winners:

Adobe Device Central (Adobe Systems)
NetBeans IDE (Sun Microsystems)

Project Management Tools

Jolt Winner:

Pivotal Tracker (Pivotal Labs)

Productivity Winners:

Rally Enterprise (Rally Software Development)
ScrumWorks Pro (Danube Technologies)

Security Tools

Jolt Winner:

Parasoft Application Security Solution (Parasoft)

Productivity Winners:

GuardIT (Arxan)
InTrust for Databases (Quest Software)

Testing Tools

Jolt Winner:

easyb (easyb.org)

Productivity Winners:

Compuware DevPartner Studio (Compuware)
SONAR (SonarSource)

Utilities

Jolt Winner:

HttpWatch (Simtec Ltd.)

Productivity Winners:

DotTrace (JetBrains)
JavaRebel (ZeroTurnaround)

可口的炒面

2009-03-14T20:52:00.005+08:00

周末了，闲来无事，自己做炒面，看着不错，吃起来更不错。showshow

blogspot书写有html代码帖子的工具

2009-03-14T19:55:00.003+08:00

blogspot在书写有html代码的帖子时非常麻烦，之前写了几篇博文，都涉及到html代码，从开始的去掉<和>到后来的html转义，但是到后来的博文中html标签越来越多，通过自己转义非常麻烦，只能通过工具来实现，幸好有现成的工具，大家都来用吧。
http://ggpi.googlegroups.com/web/BloggerHTML.html?gda=a6oRlkIAAAAg37pKvIUgrjbuyGc0rwV6W2J7vM504Ces60zD_tJ4uWB7pa3N175EHAtr3ljn4e9V4u3aa4iAIyYQIqbG9naPgh6o8ccLBvP6Chud5KMzIQ

CSS皮肤切换

2009-03-14T19:43:00.002+08:00

最近在做web应用，以前是做GUI开发，所以对CSS,JS不是很熟悉，最近只能恶补。看着现在很多网站都提供了风格的切换功能，确实给人以很好的视觉感受。其实这样的功能实现起来也比较easy。只是在一开始规划web应用之前就应该确定这样的策略，所有的css样式都需要封装到一个（或多个）css文件中，这样后续增加其他css风格切换就算是水到渠成了。
具体的操作步骤大概类似如下：
1. 准备不同的css风格文件
2.使用特定的js实现装载不同的css文件


<script type="text/javascript">

function getCSS(){
datetoday = new Date();
timenow=datetoday.getTime();
datetoday.setTime(timenow);
thehour = datetoday.getHours();
if (thehour<12) display = "morning.css" display = "day.css" display = "night.css" css =" ‘<’;" rel="stylesheet" href="’+display+’">’;
document.write(css);
}

</script>

以上js是根据时间自动切换css风格的，大家可以修改位其他方式，期待大家改造。

【转贴】最好用的五大网站统计工具

2009-03-14T16:30:00.002+08:00

我使用了51la，原因很简单是中文的，我的E文太烂了！！
如果你有自己的网站或者博客，我敢肯定，你一定每天都想看看网站的访问统计数据。如果你真的想提高你网站的访问量，最佳的办法也是去看看网站的访问统计。

　　下面我就给大家推荐5个网站统计工具，可以帮你进行网页分析，提供有价值的参考数据，而且都非常好用。

　　我要啦http://51.la/ 又一个免费统计系统,使用阿江的系统内核,访问量、浏览量、客户端信息、来路、入口、关键词，有便捷的用户管理接口，全面分析一丝不苟，新开系统负担小，比较稳定。

　　91分析网 http://www.91fenxi.com/，准确的说，它不是一个统计工具，而是一个分析和互动工具，最近似乎有不少网站都在用。91分析的特点在于它不做任何流量或关键词的统计、分析，而是关注于网站访客的浏览行为分析、消费心理分析，并提供给网站与访客互动的工具，以帮助网站更好的了解访客、提升运营。网站做的挺专业，操作起来比较简单、实用。唯一不足的是分析的数据需要等待一段时间才能看到，而且需要邀请才能加入。据我所知，在“站长吧”等一些网站，偶尔会有一些好心的朋友发布邀请码。

　　Google Analytics http://www.google.com/analytics/ 免费网站统计和解析工具。它尽可能提供一切你求之不得的数据，比如他们是如何找到您以及他们是如何与您的网站互动的。主要优点是没有任何限制。但你无法查看访客的 IP ，也不知道访客是用什么关键字搜索过来的。

　　W3counter这是另一个免费的网站统计和分析利器。该网站提供了一揽子常见的统计分析功能：网站总访问数和页面访问数、Feed 状态分析、访问者地区，访问者用的系统、浏览器、屏幕分辨率。基本上常用的统计功能都有了，可惜的是国外的网站，全部是英文、访问速度有些慢。

　　Clicky简洁、功能全面的统计分析软件。该产品适用于小站点或者博客用户。界面简洁，功能挺有趣，只可惜对网站运营没有太大帮助，不过想在自己的博客上添加些好玩元素的站长，值得一试。

转自：http://www.admin5.com/article/20080526/86009.shtml

【转贴】為Blogger加個酷酷的Navigation Icon吧

2009-03-13T21:09:00.003+08:00

这个需要和相关的模板匹配，才能有相应的效果，大家可以自己试试看。

啊啊啊～該來的終究還是會來！呵呵！想偷懶都不行啦！ ^_^
幾個在Blog上認識的朋友們，或是來信或是MSN的都提到我Blog左上方的小控制按鈕是怎麼搞上去的，嘻嘻！拖了很久的心得看來是躲他不掉囉！現在就將這個小東東的具體做法給貼出來！大夥接住囉～～

只要按步驟，也就能在Blogger上擁有像WordPress某些樣版左上方的小圖標工具欄囉！

因為我的 Navigation Icon 算是變種，也就是並不像WordPress是固定住不動的，所以以下就特別針對固定不動的版本加以說明，這個版本比WorePress炫的是，他不但一樣固定住，當你點擊時還會很滑順的移動到該側邊欄位置！挺酷的！而且也支援小圖標半透明，滑鼠移動到圖標則不透明顯示！再酷一個！^_^

想先知道效果可以前往以下各友站"試玩看看"～嘻嘻！
Kaie's Blog
Hguei's 補玩計劃
宮廷裡的小侍衛
PS: 大聲告訴各位，友站可也有很多東東可以挖喔！嘻嘻！有問題也可以用力向他們提問，嘻嘻嘻嘻！
（謎：這叫做...責任分流嗎...嘿嘿嘿！

首先，每次都一樣的步驟，先進入控制主頁 > 範本 > 修改HTML
這次我們不用勾選"展開小裝置範本"！

1. 加入 Navigation Icon 的 CSS內容：
找到 ]]> 並將下面整個 CSS 規範放置在 ]]> 的上面一行

/*-- mininav--*/
#mininav{
position:fixed;
text-align:left;
margin-left:-20px;
margin-top:17px;
}
* html #mininav{  /*IE only*/
position:absolute;
}
#mininav a img{
opacity:.6;
-moz-opacity:0.6;
filter:alpha(Opacity=60);
}
#mininav a:hover img{
opacity:1;
-moz-opacity:1;
filter:alpha(Opacity=100);
position:relative;top:1px;left:1px;
}
* html #mininav a img{
filter:alpha(Opacity=100);
}
#mininav img{
margin-bottom: 5px;
}
* html .mininav{
margin-bottom: 7px;
}

PS: 其中紅色部份為小圖標的位置靠左及上方距離設定，可以自行調整

2. 加入Scroll定位及支援滑順Scroll的Javascript內容
同樣找到 ]]> 但這次將下面兩句 JavaScript 語法改為放在 ]]> 的下面一行

PS: 兩JavaScript存放位置由Kaie兄熱情提供，你想抓回家放置到你的網路空間，再將上面連結位置修改成你的即可。

3. 追加 Navigation Icon 的 Html 語法內容
找到

將下面整段內容放到

的下面一行

Profile1",{offset: 0})' style="border: 0pt none ;" title="關於我">

header-wrapper",{offset: 0})' style="border: 0pt none ;" title="回到最上層"">

PS: 以上語法僅為示範，你可依照需要連結多寡自行追加！只要注意包裹在之間，並加上
斷行指令即可。
1. 藍色為對外連結網址，改成你想連結的位置即可。
2. 紅色則為設定想 Scroll 到哪個側邊欄的ID位置，直接改為你想控制移動到的側邊欄ID即可。
3. 綠色則是小圖標的檔案連結位置，將取得的每個小圖標放置到你的網路空間，並依序給與連結位置即可。
4. title與alt為滑鼠移到時顯示的說明內容，可自行修改。

至於可能有朋友不知道每個側邊欄ID要去哪裡找，在不勾選"展開小裝置範本"的狀況下，只要找到一行連著一行如下的語法，其中的widget id='xxxxxx'的xxxxxx就是每個側邊欄獨一無二的ID囉！！

Label1" locked="false" title="Categories" type="Label">
HTML8" locked="false" title="Previous Posts" type="HTML">
HTML3" locked="false" title="Recent Comments" type="HTML">
HTML4" locked="false" title="Message Board" type="HTML">
LinkList3" locked="false" title="Events" type="LinkList">

转自 http://www.mangbar.com/document/5d023b21107b42bb0110a5b309ce1121