显示标签为“blogger博客”的博文。显示所有博文
显示标签为“blogger博客”的博文。显示所有博文

2014年2月16日星期日

用Javascript实现Blogger/Blogspot的传统模板翻页功能

Blogger的API很好很强大,今天,搞定了翻页功能,翻墙找到一个原始的脚本文件blogger_pager_script_v10.js,不过已经不好用了,于是改了一下,现在终于好用了。 

基本功能: 
首页的翻页
标签页的翻页 
(还有archive页的翻页没搞,archive页默认是显示一个月内所有帖子,所以不用翻页)

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) {