博文

目前显示的是标签为“blogger”的博文

Blogger设置响应式主题模板及首页改为文章提要和阅读全文

一、修改模板为响应式

Blogger官方的一些主题模板对移动端访问不太友好,而且默认的移动版主题也不太美观。所以,就拿自己的模板来修改吧。这样至少全平台blog都是一个样式风格。

思路就是在css中加入移动端样式,这时候需要把模板样式中的div容器的width是绝对值的,给它改成在移动设备下width为100%显示;不需要的边栏和模块设置为隐藏。例如:/* 新增自适应样式*/
@media screen and (max-width:768px){
body{min-width:100%;width:100%;}
#wrapper{min-width:100%;max-width:100%;width:100%;}
#center,#center #squeeze{width:100%;}
#center{padding-left:0;padding-right:0;}
#sidebar-left,#sidebar-right{display:none;}
}然后将上述样式放入下面代码之间即可: <b:skin><![CDATA[
...
]]></b:skin>     其实,还需要做移动端的菜单,暂时没有精力,先做这么多。
二、首页文章列表非全文显示

我的模板在blog首页默认全文显示的,碰到长的文章,整个首页会拉的非常长,看起来也不太美观。

网上搜到的Blogger传统的显示文章提要大概是这两个思路。

其一,发文章的时候,把文章内容前面一两个段落用“< ! -- more -- >”截一下。然后模板里设置首页读取文章摘要。

其二、是使用js方法,除了要修改模板,还需要引入一段js代码,操作也不太方便。

现在,blogger对于文章列表以提要显示,已经做得很好。我使用的就是blogger默认移动版主题的应用方案。即在文章显示处增加一个判断,首页和list页以提要显示,除此全文显示。

例如,选择,Blogger后台-主题背景-修改html,做如下修改:

原来模板里文章全文显示的模块:     <div class='content'>
        <p>
        <data:post.body/>
        </p>
    </div…

Blogger启用https访问的简单实现

Blogger的自定义域名启用https访问的简单实现方法如下:

1.首先得到一个国内可访问的Google的 IP 地址。

2.打开http://tools.tracemyip.org/网站左上角搜索框输入上面的IP进行搜索。

3.在搜索结果中找到Reverse DNS pointer:该项中的二级域名。

(提示:该二级域名的主域名应是 1e100.net 的,如果是 googlehosted.com后缀的则不可用。即我们需要的是xxxxx.1e100.net格式的二级域名。)

4.登陆自己的域名后台,把绑定Blogger的域名CNAME指向该二级域名。

5.最后登陆Blogger后台-设置-基本:右侧的“HTTPS 可用性”下,选择是。

6.如果希望http访问重定向到https,只需将步骤5同页中的“HTTPS 重定向“选择是即可。

注:以上创意来自https://blog.iljw.me/2018/07/enable-blogger-https.html,本人仅作操作流程的精简。

附注:

7.如果在第6步操作完提示:
“您未获得使用此域的授权。请按照设置说明执行相应操作。”
(You have not been authorized to use this domain. Please follow the settings instructions.)

请重新浏览Blogger后台-设置-基本页面:点击发布-博客地址处的“修改”按钮。按照提示给自己的域名新建一个随机码的二级域名CNAME到gv-xxx.dv.googlehosted.com格式的域名即可。

8.如果以上操作还不能解决问题:那就在Blogger后台-设置-基本页面:点击发布-博客地址处的“修改”右侧的“x”按钮,就是把自定域名删掉。这时候Blogger只保留xxx.blogspot.com的地址,会自动开启https。然后再把自己要绑定的域名重新添加上就可以了。

频繁撞墙Blogger域名解析成麻烦

ghs.google.com是时好时坏,基本是能用的时间少,坏掉的时间多,于是blogger们就用google的ip解析到自己的ghs.domain.com,然后再用ghs.domain.com别名指向到要绑定的域名,来访问自己的blogspot。

  结果最近几日google的IP撞墙速度与日俱增,基本换一个IP一两天就会牺牲掉,然后再找,再牺牲。突然发现域名绑定Blogger是个很讨力气的事情。近日如下IP陆续撞墙:
  216.239.36.21
  216.239.32.21
  216.239.34.21
  216.239.38.21

  64.233.179.121
  66.249.81.121
  72.14.207.121

  66.249.91.121
  72.14.235.121

  下面列表中的IP可能还可以用,自己挑一下吧:

72.14.235.123
72.14.235.125
72.14.235.126
72.14.235.127
(更新:这些IP好像都是Gtalk的ip,具体每个我没测试,但下面一个是可以用的)
  209.85.171.121

  期间偶尔一次ghs.google.com能正常解析,有blogger以为是谷歌中国的公关起了作用。现在看来GFW不是简单公关就可以搞定的事情。

Blogger去除Navbar及快速编辑按钮的方法

一、Navbar去除方法有两种:
1、在blogger后台-布局-修改html页面中点“还原到经典模板”;然后去设置-发布页面,选择ftp方式发布,具体掺水随意添加一个域名如test.com即可;然后到模板-修改html页面将“更改 Blogger NavBar”处选择“关闭”;最后在设置-发布页面“切换至:blogspot.com”提交,去模板页选择自定义设计就ok了。这个有些复杂,想简单一点看下面。

2、登录后台-布局-修改html,在模板中加入如下代码即可:

<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>

二、去除blogger的快速编辑(edit Widget)按钮小图标的方法,登录后台-布局-修改html,将模板代码中的

<b:include name='quickedit'/>

全部替换掉即可。

推荐gfw.appspot.com

请访问http://gfw.appspot.com/浏览相关网页内容。