Pages

2011年11月29日星期二

让Blogger首页只显示帖子摘要的技巧


    在Blogger.com Beta改版之前,已经有人通过修改Blogger模板和设定文章模板的方式,实现了Blogger首页只显示帖子摘要的版面效果。在Blogger的帮助中,现在还能找到这个Blogger技巧的说明。请参阅:Blogger帮助:如何创建可扩展的帖子摘要?不过,如果你老老实实照Blogger的帮助说明进行修改的话,可能会发现你还是无法实现只显示帖子摘要的版面效果。本人一介菜鸟,为此整整浪费了几个小时的时间,最后在网络上四处搜索并参考了其他博客的做法,才成功的实现。

  那为什么这个版面效果是相当有用的呢?

  有些时候,你可能会在Blogger上面张贴一些很长的帖子,而Blogger首页只消放上几篇这样的帖子,页面打开的速度就会受到很大影响,而且将导致浏览者鼠标滚轮的寿命大大缩短,吓跑了访问者。这时,你可能会希望每个帖子仅显示摘要部分即可。这样一来,Blogger首页的帖子数可以列举更多,首页的信息量就可以加大,访问者可以更快的找到自己感兴趣的内容。如果读者希望阅读完整的文章,则可以单击打开一个新的页面。

  遗憾的是,这个在Blogger当中并没有办法进行设定,所以大家只好自己动手解决这个问题了。我也总结归纳了一下自己的实践过程,和大家一起分享,希望能帮到一些需要的人。请注意:本文中所提到的技巧只适合Blogger Beta新版,对于使用传统模板的同志并不适用。同时,我强烈建议使用传统模板的同志升级自己的Blogger模板。升级操作很简单、很直观,向导式的,这里不再废话,省去…×××…字。

  步骤一:必须启用“帖子页”的功能。请到后台“设置”——“存档”页面,将“启用文章页?”修改为“ 是”。如果已经改好,则跳过这一步。我实在很不解Google的这种说法,不知道为什么要叫这么个容易让人迷糊名称。其实,说白了为每个帖子生成一个静态(html)页面,这样做的好处就是可以大大加快访问的速度,地球人都知道。

  步骤二:修改Blogger的模板。请转到“修改 HTML”页面,我们必须直接修改模板,在“ 扩展窗口小部件模板”前面的小框记得打勾。这里必须提到一个概念:条件CSS。CSS中文称为样式表,其作用是控制页面显示的方式。同样的显示方式可以设计成一个类,需要用到的时候指定使用这个类就可以。维护的时候非常方便,只需要修改CSS,所有的相关网页的显示方式就会发生变化,而不用一个个网页调整。我们希望帖子在Blogger首页的时候只显示摘要,这里有一个限定条件:只在Blogger首页应用这个效果,所以这个叫条件CSS。注意看清楚代码添加的位置,错了可不行。

找到</b:skin>这个标签,在该标签的后面增加如下代码:

.........略
]]></b:skin>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
span.fullpost {display:inline;}
</style>
<b:else/>
<style type='text/css'>
span.fullpost {display:none;}
</style>
</b:if>

  找到<data:post.body/>的标签,原先的代码应该是这样:<p><data:post.body/><p>

 改为:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<data:post.body/>
<br/><a expr:href='data:post.url'> 阅读全文... </a>
</b:if>

  步骤三:设定文章模板。请转到“设置”——“格式设定”页面,在“文章模板”框中加入如下内容,然后保存设置。

本文摘要部分.....<span class="fullpost">帖子的其余部分</span>

以后在发表新文章的时候,将帖子内容过长的部分用<span class="fullpost"></span>这一对标签包住就可以了,首页上就不会显示被包住的部分了。

2011年11月28日星期一

颜色大全


aliceblue:艾利斯兰     
ColorValue = "#F0F8FF";
antiquewhite:古董白     
ColorValue = "#FAEBD7";
aqua:浅绿色   
ColorValue = "#00FFFF";
aquamarine:碧绿色   
ColorValue = "#7FFFD4";
azure:天蓝色   
ColorValue = "#F0FFFF";
beige:米色   
ColorValue = "#F5F5DC";
bisque:桔黄色     
ColorValue = "#FFE4C4";
black:黑色   
ColorValue = "#000000";
blanchedalmond:白杏色   
ColorValue = "#FFEBCD";
blue:蓝色     
ColorValue = "#0000FF";
blueviolet:紫罗兰色   
ColorValue = "#8A2BE2";
brown:褐色   
ColorValue = "#A52A2A";
burlywood:实木色   
ColorValue = "#DEB887";
cadetblue:军兰色   
ColorValue = "#5F9EA0";
chartreuse:黄绿色   
ColorValue = "#7FFF00";
chocolate:巧可力色     
ColorValue = "#D2691E";
coral:珊瑚色   
ColorValue = "#FF7F50";
cornflowerblue:菊兰色   
ColorValue = "#6495ED";
cornsilk:米绸色     
ColorValue = "#FFF8DC";
crimson:暗深红色   
ColorValue = "#DC143C";
cyan:青色   
ColorValue = "#00FFFF";
darkblue:暗蓝色   
ColorValue = "#00008B";
darkcyan:暗青色   
ColorValue = "#008B8B";
darkgoldenrod:暗金黄色   
ColorValue = "#B8860B";
darkgray:暗灰色   
ColorValue = "#A9A9A9";
darkgreen:暗绿色   
ColorValue = "#006400";
darkkhaki:暗黄褐色   
ColorValue = "#BDB76B";
darkmagenta:暗洋红     
ColorValue = "#8B008B";
darkolivegreen:暗橄榄绿   
ColorValue = "#556B2F";
darkorange:暗桔黄色   
ColorValue = "#FF8C00";
darkorchid:暗紫色   
ColorValue = "#9932CC";
darkred:暗红色   
ColorValue = "#8B0000";
darksalmon:暗肉色   
ColorValue = "#E9967A";
darkseagreen:暗海兰色   
ColorValue = "#8FBC8F";
darkslateblue:暗灰蓝色   
ColorValue = "#483D8B";
darkslategray:墨绿色     
ColorValue = "#2F4F4F";
darkturquoise:暗宝石绿   
ColorValue = "#00CED1";
darkviolet:暗紫罗兰色   
ColorValue = "#9400D3";
deeppink:深粉红色   
ColorValue = "#FF1493";
deepskyblue:深天蓝色   
ColorValue = "#00BFFF";
dimgray:暗灰色   
ColorValue = "#696969";
dodgerblue:闪兰色   
ColorValue = "#1E90FF";
firebrick:火砖色   
ColorValue = "#B22222";
floralwhite:花白色     
ColorValue = "#FFFAF0";
forestgreen:森林绿     
ColorValue = "#228B22";
fuchsia:紫红色   
ColorValue = "#FF00FF";
gainsboro:淡灰色   
ColorValue = "#DCDCDC";
ghostwhite:幽灵白   
ColorValue = "#F8F8FF";
gold:金色   
ColorValue = "#FFD700";
goldenrod:金麒麟色   
ColorValue = "#DAA520";
gray:灰色   
ColorValue = "#808080";
green:绿色   
ColorValue = "#008000";
greenyellow:黄绿色   
ColorValue = "#ADFF2F";
honeydew:蜜色     
ColorValue = "#F0FFF0";
hotpink:热粉红色   
ColorValue = "#FF69B4";
indianred:印第安红   
ColorValue = "#CD5C5C";
indigo:靛青色   
ColorValue = "#4B0082";
ivory:象牙色   
ColorValue = "#FFFFF0";
khaki:黄褐色   
ColorValue = "#F0E68C";
lavender:淡紫色     
ColorValue = "#E6E6FA";
lavenderblush:淡紫红   
ColorValue = "#FFF0F5";
lawngreen:草绿色   
ColorValue = "#7CFC00";
lemonchiffon:柠檬绸色   
ColorValue = "#FFFACD";
lightblue:亮蓝色   
ColorValue = "#ADD8E6";
lightcoral:亮珊瑚色   
ColorValue = "#F08080";
lightcyan:亮青色   
ColorValue = "#E0FFFF";
lightgoldenrodyellow:亮金黄色     
ColorValue = "#FAFAD2";
lightgreen:亮绿色     
ColorValue = "#90EE90";
lightgrey:亮灰色   
ColorValue = "#D3D3D3";
lightpink:亮粉红色   
ColorValue = "#FFB6C1";
lightsalmon:亮肉色   
ColorValue = "#FFA07A";
lightseagreen:亮海蓝色   
ColorValue = "#20B2AA";
lightskyblue:亮天蓝色   
ColorValue = "#87CEFA";
lightslategray:亮蓝灰   
ColorValue = "#778899";
lightsteelblue:亮钢兰色   
ColorValue = "#B0C4DE";
lightyellow:亮黄色   
ColorValue = "#FFFFE0";
lime:酸橙色   
ColorValue = "#00FF00";
limegreen:橙绿以   
ColorValue = "#32CD32";
linen:亚麻色   
ColorValue = "#FAF0E6";
magenta:红紫色   
ColorValue = "#FF00FF";
maroon:粟色   
ColorValue = "#800000";
mediumaquamarine:间绿色   
ColorValue = "#66CDAA";
mediumblue:间兰色   
ColorValue = "#0000CD";
mediumorchid:间紫色   
ColorValue = "#BA55D3";
mediumpurple:间紫色   
ColorValue = "#9370DB";
mediumseagreen:间海蓝   
ColorValue = "#3CB371";
mediumslateblue:间暗蓝色   
ColorValue = "#7B68EE";
mediumspringgreen:间春绿色   
ColorValue = "#00FA9A";
mediumturquoise:间绿宝石   
ColorValue = "#48D1CC";
mediumvioletred:间紫罗兰色   
ColorValue = "#C71585";
midnightblue:中灰兰色   
ColorValue = "#191970";
mintcream:薄荷色   
ColorValue = "#F5FFFA";
mistyrose:浅玫瑰色   
ColorValue = "#FFE4E1";
moccasin:鹿皮色   
ColorValue = "#FFE4B5";
navajowhite:纳瓦白   
ColorValue = "#FFDEAD";
navy:海军色   
ColorValue = "#000080";
oldlace:老花色   
ColorValue = "#FDF5E6";
olive:橄榄色   
ColorValue = "#808000";
olivedrab:深绿褐色   
ColorValue = "#6B8E23";
orange:橙色   
ColorValue = "#FFA500";
orangered:红橙色   
ColorValue = "#FF4500";
orchid:淡紫色   
ColorValue = "#DA70D6";
palegoldenrod:苍麒麟色   
ColorValue = "#EEE8AA";
palegreen:苍绿色     
ColorValue = "#98FB98";
paleturquoise:苍宝石绿     
ColorValue = "#AFEEEE";
palevioletred:苍紫罗兰色   
ColorValue = "#DB7093";
papayawhip:番木色   
ColorValue = "#FFEFD5";
peachpuff:桃色   
ColorValue = "#FFDAB9";
peru:秘鲁色   
ColorValue = "#CD853F";
pink:粉红色   
ColorValue = "#FFC0CB";
plum:洋李色   
ColorValue = "#DDA0DD";
powderblue:粉蓝色   
ColorValue = "#B0E0E6";
purple:紫色   
ColorValue = "#800080";
red:红色   
ColorValue = "#FF0000";
rosybrown:褐玫瑰红   
ColorValue = "#BC8F8F";
royalblue:皇家蓝   
ColorValue = "#4169E1";
saddlebrown:重褐色     
ColorValue = "#8B4513";
salmon:鲜肉色   
ColorValue = "#FA8072";
sandybrown:沙褐色   
ColorValue = "#F4A460";
seagreen:海绿色   
ColorValue = "#2E8B57";
seashell:海贝色   
ColorValue = "#FFF5EE";
sienna:赭色   
ColorValue = "#A0522D";
silver:银色   
ColorValue = "#C0C0C0";
skyblue:天蓝色   
ColorValue = "#87CEEB";
slateblue:石蓝色   
ColorValue = "#6A5ACD";
slategray:灰石色   
ColorValue = "#708090";
snow:雪白色   
ColorValue = "#FFFAFA";
springgreen:春绿色   
ColorValue = "#00FF7F";
steelblue:钢兰色   
ColorValue = "#4682B4";
tan:茶色   
ColorValue = "#D2B48C";
teal:水鸭色   
ColorValue = "#008080";
thistle:蓟色   
ColorValue = "#D8BFD8";
tomato:西红柿色   
ColorValue = "#FF6347";
turquoise:青绿色   
ColorValue = "#40E0D0";
violet:紫罗兰色   
ColorValue = "#EE82EE";
wheat:浅黄色   
ColorValue = "#F5DEB3";
white:白色   
ColorValue = "#FFFFFF";
whitesmoke:烟白色   
ColorValue = "#F5F5F5";
yellow:黄色   
ColorValue = "#FFFF00";
yellowgreen:黄绿色
ColorValue = "#9ACD32";
 

Blogger news

Blog Archive

Blogroll

About