ONEDUST – 浮塵草堂

Sulow的開放空間 – 浮塵草堂

Tag Archives: 网络

2008年国外最佳Web设计/开发技巧、脚本及资源总结

出处: http://www.cnbeta.com/articles/74625.htm

感谢暴风彬彬的投递
今天是2008年的最后一天，彬Go为大家奉上今年的最后大餐，这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等，有一些是曾经彬Go发表过的翻译文章。实在是丰盛的需要消化很久…无论您是刚入门的前端开发菜鸟，还是有多年前端开发经验的高手，我相信 下面的这些日志总会有您需要的！
Continue reading →

如何在Blogger中张贴html代码

由于种种原因
我们没有办法在博文中直接输入并显示代码
如:<html>

所以我们必需借用这个网上工具
http://www.csie.ntu.edu.tw/~piaip/unihtml/

将我们需要张贴的代码进行格式转换

我们可以一个代码一个代码的贴
也可以像sulow一样懒惰,在文字编辑器里写完后
一次全部粘到网页的Original中, Convert, 复制

然后直接贴到blogger的文章撰写器中
打完收工…呵呵

如果我们转完格式后,看到了一堆乱码
不要紧张, 我们看不懂,可是Blogger看的懂
呵呵, 不管他乱七八糟, copy 上就对了..

将Blogger 的 Read More 放到右边

请先参照 在Blogger中添加阅读全文选项

再次搜寻 <data:post.body/>

并添加代码
<div align=’right’ style=’TEXT-ALIGN: right’>

让整段看起来象这样:

<b:if cond=’data:blog.pageType != &quot;item&quot;’><br/>
<div align=’right’ style=’TEXT-ALIGN: right’>
<a expr:href=’data:post.url’>Read more…</a><br/></div>
这里要记得加上

不过sulow测试了一下,还是觉得放左边好点..呵呵

在Blogger中添加阅读全文选项

进入Blogger 控制台 -> 布局 -> 修改HTML

1. 首先勾选 扩展窗口小部件模板
2. 按ctrl+F 搜寻 " </head> "
3. 在</head> 标签后面添加以下代码:
<style><b:if cond=’data:blog.pageType == "item"‘>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if></style>

注: Sulow 是放在</head>和<body>中间, 经测试可用, 你现在看到的就是了..呵呵

4. 搜寻 "</data:post.body> "
5. 在<data:post.body>标签后面添加以下代码:

<b:if cond=’data:blog.pageType != "item"‘><br />
<a expr:href=’data:post.url’>Read more…</a>
</b:if>

6. 预览一下, 如果可以顺利出现你的blog首页, 模版设置部份就ok了, 保存模版
7. 模版的部份已经设置好了, 但是目前还没有效果
8. 进入控制台 -> 设置 -> 格式设置, 找到 帖子模版 (最下面)
9. 加入以下代码

<span class="fullpost">
隐藏文字
</span>

10. 以上的代码的意思是, 隐藏文字这个部份, 会在用户点击了Read More…以後才会看到的意思
11. 请点击下面的Read More…

12. 这行字就是必需点击Read More…才会出现的
13. 这部份可以有无限行, 只要放在<span class="fullpost"> 和</span> 标签中间就是隐藏的部份啦…

15 Key Elements All Top Web Sites Should Have

From: http://freelancefolder.com/15-top-site-elements/

There are a lot of details to consider when designing and developing a web site. In reality, it can seem like an endless list — but if you look carefully you’ll see that there are certain elements that are more important than others, elements that are used consistently among the most successful sites.

Once you’ve completed the Planning Stage of your website, the rest of the elements fall into broad categories ranging from User Interface Design to Content Creation to actual Development. Of course, there are also the issues surrounding Search Engine Optimization (SEO) — but we’ll save that for another day… Continue reading →