这是 Blogger 网志开发教学综合收录第 1 篇。我们网站旧版实际上是建构在 Google 的 Blogger 网志。虽然 Blogger 具备有方便与安全的优点，但是自由度也会稍微受到约束。
不过 Google 让我们在版面规划的部份，具有相当高度的自由，因此我们可以依照自己的想法，让部落格更俱个人风格。
下面我将针对网络上，谈到 Blogger 版面设计与应用的许多零碎资料，重新进行整理、验证与分类，希望对大家有用。:)
修改前请注意，一旦修改 HTML 内容，原本”版面配置”中的”网志文章”的”编辑内容”，将会停止用户再更新。如果有需要使用特别设定，像是地址显示等，请在修改范本前先行设定完成（但是新模板不一定支持）。建议大家在做任何修改前，务必先行备份范本，或是弄个测试网站先做测试呦。
在 Blogger 上放置推文按钮
想让自己的部落格或网站，可以加入目前极为热门的社群网络，最简单的方式就是在自己部落格中放置推文按钮，例如：脸书的赞或是 Google 的「+」。
其中，「AddThis」模组式的推文按钮群，是网络部落格较为广为人之且多人使用的系统，而且除了多种基本设计可以快速选用外，也有更为进阶的个人化设计可以选择。
当然，如果你也跟我一样使用「Blogger」，那在「版面规划」中的「新增小工具」功能，就可以直接搜寻并加入「AddThis」的小工具，而且透过此方法，你不用特别去「」的网站上复制代码就可使用。
决定推文按钮的摆设位置
依照前面增加了推文按钮后，你可能会觉得按钮的摆放位置，并不是自己想要的。
所以我在这边提供几种网络流传的摆放位置（修改 HTML 功能，并展开小工具。），如果大家都会这样用，就代表有他的意义存在啰。
当然，一切都还是以你自己的个人感受为主，毕竟在你的落格格中，YOU ARE THE BOSS。
文章标题的右侧
（寻找本段代码，并将下列代码复制其后。）**
文字或代码
文章本文的右侧
文章底排工具列的右侧
post-footer-line post-footer-line-1（寻找本段代码，并将下列代码复制其后。）
Blogger 网页标题优化
一般 Blogger 文章在浏览器上方显示的标题，其格式通常为「网站名称+文章标题」。但是部落格本身，应该是文章内容与品质，优先于部落格名称，因此我们可以透过更改标题格式的顺序，让大家搜寻文章时，可以一眼就了解这篇文章是不是他们所需的内容。
修改方式是依照编辑「Blogger」的 HTML 方式进行修改，首先，我们先在 HTML 中搜寻下列代码：
并用下列代码进行替换即可：
<b:if cond=‘data:blog.pageType == “index”‘>
移除文章最下方的订阅功能
有习惯使用 RSS 的用户，相信对于 Blogger 官方提供，位在文章最下方的订阅选项「订阅：文章 (Atom)」感觉相当鸡肋，所以如果你想将该功能取消或隐藏起来，可以在 HTML 中，找到底下这段代码，并随个人习惯进行隐藏（如：）或删除：
<B:Include Name=‘FeedLinks’/>
在每篇文章（非首页页面）末自动显示文字或功能
我们可以到范本设定中，选择版面配置以及修改 HTML，勾选「展开小装置范本」。接著，找出下面两段代码的位置，并在之间安置我们想要显示的文字或代码：
<b:if cond=‘data:post.allowComments’>
Blogger 的「继续阅读」功能
更改「继续阅读」的位置，我们可以修改 HTML，在 前插入下列代码：
在 Blogger 文章中，将代码区块「框」起来
打算在 Blogger 中用特殊框架，显示代码内容，我们可以在「Blogger 范本设计工具」的进阶选项中，选取「新增 CSS**」指令，并将下面代码复制并贴上到右侧「CSS 设计空间」的栏位中。
Code { display: block; font-family: Courier New; font-size: 8pt; overflow:auto; background: #fefefe url(./code-bar.png) left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 20px; max-height: 200px; line-height: 1.2em; }
在完成前面复制贴上的动作后，当我们往后需要撰写内嵌代码的文章时，可透过文章编辑器中的「HTML 编辑模式」，将想要「框」起来的文字或代码，以「」与「」指令包装起来，并放置在适当位置，其格式如下所示：
Example Code
如此，当使用浏览器观看文章时，文章页面上即会自动生成如下所示之代码及状态：
Example Code
继续阅读
- Blogger／Blogspot 版面设计教学与网页技术收录（二）
- Blogger／Blogspot 版面设计教学与网页技术收录（三）
- Blogger／Blogspot 版面设计教学与网页技术收录（四）
以实际行动支持独立观点，与我们一同走得更远
每一篇条理清晰的分析、每一次不随波逐流的观察，背后都是对真实与品质的坚持。我们拒绝内容农场与算法流量绑架，坚持自由独立的客观发声。
维持高品质的原创写作与独立运营，需要持续的实质力量。您可以选择一次性赞助或每月定期支持，通过 Google 安全结账，与我们一同守护这份深刻与清醒。
由 Google 安全处理付款 · 可随时在 Google 账户管理或取消
留言板