目前的网站大多数都支持手机访问，使用较多的技术是自适应设计，Google Blogger做为一个年代很久的建站平台，对自适应的支持并不是太好，这里就介绍一下如何修改模版使得Google Blogger能够支持自适应设计。

自定义修改Google Blogger模版的修改方法是：

进入Blogger的后台，点选左边功能中的“主题背景”，再点页面里的“修改HTML”。

在HTML头部增加如下一行代码。

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

搜索HTML，寻找width关键字，将使用绝对宽度的样式名找到。

搜索HTML，寻找padding-right，padding-left关键字，将使用这个的样式名找到。

Blogger后台点左侧“布局”，在底部添加“HTML/JavaScript”小工具。在博客中添加支持自适应的样式代码。

不同的Blogger模版，样式名略有一些不同，下面是一段示例代码。

<style type="text/css">
@media screen and (max-width:768px) {
body {min-width: 100%;width: 100%;}
.content-outer, .content-fauxcolumn-outer, .region-inner {min-width: 100%;max-width: 100%;width: 100%;}
.main-inner .columns {padding-left: 0;padding-right: 0;}
.main-cap-top .cap-left {display:none;}
.column-right-outer {width: 100%;}
#layout .content-outer {width: 100%;}
.column-right-outer {display:none;}
.column-right-inner {display:none;}
.footer-outer {display:none;}
}
</style>

最后，进入之前设置的“Google 搜索控制台”，在-“增强功能”-“移动设备易用性”里，查看是否出现错误页面，如有错误页面，可使用Google移动设备适合性测试工具进行调试。