2012年12月27日星期四

自己用jquery 实现 google blogger 首页文章摘要

早就注意到google blogger 首页文章不能只显示摘要,而是全部显示
google了几个网页提供的方法,官方的方式是在文章中加一个span,让当在首页显示时span隐藏,这种方式只适合以后新增文章,以前的旧文章均没有加入这个span,就不好使
想到blogger这么高度自定义,那么用jquery实现吧
经过一个晚上的实验,终于出结果了

Blogger首页显示的文章只显示摘要(3)


首页输出摘要的好处有很多,最明显的是避免了首页过长影响美观及读者的阅读体验。可不幸的是这个功能Blogger又没有提供。
不过没关系,Blogger的自由使得我们可以做出任何事来,只要你能想得到!因此首页输出摘要只是小意思来着,网上的方法也很多。这里向大家推荐一个最好用的,就是台湾的小程序高手阿土伯写的Hack。
你只需进入『后台』,在『布局』处选择『添加小工具』,在弹出的窗口中选择『添加HTML/JavaScript』,在『职务』中填入"##HIDEME##",就像这样:

Blogger首页显示的文章只显示摘要(2)


步骤一: 启用”帖子页”的功能.
转到后台“设置” - “存档”页面, 将“启用帖子页?”修改为“是”, 如果已经改好, 则跳过这一步.
步骤二: 修改Blogger的模板.
转到“布局” - “修改HTML”页面, 勾选“扩展窗口小部件模板”, 使用快捷键Ctrl+F 查找到

Blogger首页显示的文章只显示摘要 (1)

首先切换到 布局 的 修改HTML 项目,把下方的js脚本整体复制到 </head>代码的上方。
<script type="text/javascript">

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i &lt; spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {

blogger 模版

以下是模版下载的网站 

http://freetemplates.blogspot.com 

http://blogger-templates.blogspot.com 

http://blogspottemplates.blogspot.com 

http://www.geckoandfly.com/blogspot-templates 

http://www.createblog.com/layouts/index.php?type_id=1 

http://www.bloggerforum.com/modules/mydownloads/viewcat.php?cid=2 

http://www.isnaini.com/blogger-templates/ 

Update:来自了了而已的补充(感谢) 

http://blog-templates.ravasthi.name/ 

http://templates-para-blogger.blogspot.com 

http://www.diaphaneity.com/layouts/ 

http://www.wannabegirl.org/firdamatic 

Update:birdyi补充 

http://www.pannasmontata-templates.net/templates/ 

http://www.diaphaneity.com/layouts/page1.php 

Blogger 中的提及


要使用此功能,您首先需要将您的 Blogger 个人资料升级到 Google+ 个人资料
如果您在自己的博文中提到某些人,提及这些人就可以让他们知道这一情况。即使某个人或某个 Google+ 信息页没有关注您,您也可以提及他们。在您发布博文后,他们可能会收到有关您提及他们的通知,具体取决于他们是如何配置 Google+ 设置的。

如何提及他人

要使用此功能,只需输入“+”或“@”,然后加上用户名或信息页即可。在您输入的过程中,系统会在下方显示一系列姓名。您可以点击选择希望提及的人或信息业。
如果您已将设置配置为将自己的博文分享到 Google+,那么就会看到您在博文中提及的人名自动添加到分享框中。
相关资料:详细了解 Google+ 中的提及