shooven.lye

通过javascrip实现友情链接
shooven.lye | Dec 20, 2006 4:17:27 PM

blogger每次修改模板之后都要重新发布才能看出变化,文章少一点像我这样的当然无所谓,但若是有那么一两百篇,那就比较麻烦,所以不用改当然最好,但有时候像友情链接什么的,不改又不行。有人提出用delcious加友情链接,delicious当然是好的,只是像我这样的教育网用户就有些麻烦——代理也不是人人都用的!

再说说我的办法:
  1. 创建一个新的blog,命名为friendlink;设置为ftp发布,与现有blog共有同一ftp, FTP 路径设为/js, Blog 文件名设为friendlink.js;
  2. 创建成功后,将设置-格式设定中所有选项选否,将存档频率设为无存档,将开启帖子页选否,站点馈送亦设为否
  3. 将模板改为如下,然后在将blog中放友情链接的位置改为<script type="text/javascript" src="http://user.bloggerspaces.com/js/friendlink.js"></script>
  4. 然后撰写诸如<h3>Link</h3><ul><li><a href="http://me.zhongfei.org">Life is Beautiful</a></li></ul>的帖子,发布即可。
基本上用这一方法实现整个sidebar的输出也不是难事,这样就不必重新发布整个blog,而仅仅发布一下js文件就行。另:将css文件提出来也是优化blog发布的重要方面。
(function() { <Blogger> document.write('<$BlogItemBody$>'); </Blogger> })() Close

 

Labels:

 

posted by wxrxzsx at Wednesday, June 28, 2006 2 comments  
June 24, 2006

blog超级hack(二)

 

 

现在说说如何添加leightbox效果

leightbox是用js实现的一种点击链接弹出窗口的效果,类似于常见的lightbox效果,不过后者只能用于图片,而leightbox则可用于弹出文字窗口,这里有一个示例,可以看到效果。下面简要说说实现过程

  1. 下载leightbox程序包(文件来源于http://www.eight.nl/files/leightbox/);
  2. 解压,将其中css和scripts两个文件夹上传至blog根目录(上传前最好先将css目录中screen.css文件中.leightbox 前的内容全部删除,否则会影响原有页面效果);
  3. 更改blogger模板,在<head></head>中添加 <link rel="stylesheet" href="css/screen.css" media="screen,projection" type="text/css" /> <script type="text/javascript" src="scripts/prototype.js"></script> <script type="text/javascript" src="scripts/lightbox.js"></script>
  4. 重新发布blog,再写文章时应用<a href="#lightbox1" rel="lightbox1" class="lbOn"></a>包含需要点击的链接,用<div id="lightbox1" class="leightbox"></div>包含需在弹出窗口中显示的内容。注意:在同一页面中需要将lightbox1的后缀设置为不同值,譬如leightbox2,另外在<div id="lightbox1" class="leightbox"></div>中应包含<a href="#" class="lbAction" rel="deactivate">Close</a>否则弹出窗口将无法关闭。

Tag: Bloggerhack 技巧

Comment: (no reply)
To post your comment, Please login first.