更换blogger博客模板为官方主题Contempo

在虚幻网络中折腾体验些许小小的快乐。 在从wordpress转到blogger过程中间,我学会了如何 修改blogger模板使是国内可以访问 。掌握了这个技巧之后,我在网上找了许多免费的模板,选择自己中意的进行修改代码中被墙掉的地方,修改CSS,最终达到我的审美观。 说得...

在虚幻网络中折腾体验些许小小的快乐。

在从wordpress转到blogger过程中间,我学会了如何修改blogger模板使是国内可以访问。掌握了这个技巧之后,我在网上找了许多免费的模板,选择自己中意的进行修改代码中被墙掉的地方,修改CSS,最终达到我的审美观。

说得不好听可能我是一个喜新厌旧的人,说好听一点是一个追求完美的人。曾经令我满意的模板过了这么长时间之后,逐渐发现了他的一些缺点,比如说他的菜单栏在手机上面不能够显示,我不知道修改出了什么差错,另外模板宽度我不能够修改代码进行调整,由于自己只能会一点最基本的html代码知识,所以不敢进行全面的改动。

在自己改xml的源代码过程中间,我发现了一个规律。若要使blogger博客让国内不科学上网就能访问,单就模板来说,只要里面不让加载多个官方的代码就可以达到目的。

有了这个想法之后我便对官方模板打起了主意。因为考虑到blogger自带的官方模板可以自由的调整版面、设置颜色与字体,我对这些颇感兴趣,因为它使我看起来舒服,这样就愿意经常花时间在这上面。如果博客本身让自己都讨厌起来,那么肯定放弃。

在官方模板中最终选定的Contempo这套主题(点这里面谷歌官方介绍),它是最近才出品的,查看他的源代码并和和以前官方模板对比,发现他的代码中并没有加载很多官方自带的代码外挂,看起来只有两个地方需要着重处理,当然方法很简单,前面的文章都讲到。于是我立即进行安装,将这两处用以前的方式解决掉,然后在网上找了一张可以免费使用的头部背景「星空宇宙」图,另外再把其中的一些代码尽量用公共cdn替换或者用自己的七牛托管平台,完成之后再打开看效果,果然速度未受任何影响。唯有一个缺点,就是左上侧的作者个人简介不能够去掉,这个作者简介是用的google+的简介,由于官方范本中我不知道如何进行修改,或者并不推荐修改,或者不能修改,只能留着它,所以在国内访问如果没有通过FQ软件,只有这部分不能正常显示,其他的都没有任何问题。

对比起来和我之前使用的模板的好处是可以自行的设定版面宽度调整各个部分的字体大小以及配色,缺点是他不能和bootstrap进行结合,我一引用bootstrap便会打乱前端布局,可能是我自己没有找到具体的问题所在。如果有人能指点一二就太好了。

COMMENTS

BLOGGER: 4
  1. hey,来看看你。Contempo主题果然好看。我们可以互换友链么?我的博客地址:http://blog.iljw.me/

  2. 你好,我刚刚弄好了友情链接页面,已经把你添加上了。谢谢你的来访和支持,话说,当时我刚刚接触blogger的时候,应该是从你的网站得到帮助的,谢谢你。

  3. 咦 找到了。原来是这个模板。真的很喜欢呢。感谢博主的对知识的分享,顺便祝事业风风火火哦

  4. 谢谢你的来访。
    期待你的博客。

Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content