Blogger中如何让访客调节文章字体大小

　　文章的字体大小一直是我很在意的问题，因为我的眼睛不好，在看一些长一些的文章时，如果字体太小怎很吃力，所以我一直很在意我的博客中的字体大小，我尝试了很多的方案，以找到一种适合的字体大小提供给各位朋友，希望大家满意，但在空间布局与字体大小之间做一个平衡是一个很困难的工作，而不同的访客也有着不同的情况。所以，让访客自己调节字体大小是最好的选择，所以，我为各位朋友提供了5种大小进行选择，我想这样是最好的方法。（我坚信，自由就是拥有选择的权利。）

　　那么在Blogger中，如何才能让访客调节文章字体的大小呢？

　　这需要在模板中加入一些代码，具体的方法如下：

　　首先，在模板的代码中找到上边，“]]<>/b:skin<” 和 “</head>”标签,并在“]]<>/b:skin<”之后，“</head>”之前插入如下代码，

　　<script type='text/javascript'>
　　function getElementsByName_iefix(tag, name) {
　　var elem = document.getElementsByTagName(tag);
　　var arr = new Array();
　　for(i = 0,iarr = 0; i &lt; elem.length; i++) {
　　att = elem[i].getAttribute("name");
　　if(att == name) {
　　arr[iarr] = elem[i];
　　iarr++;
　　}
　　}
　　return arr;
　　}
　　
　　function doZoom(size)
　　{
　　var zooms = getElementsByName_iefix("span", "zoom")
　　for (var i = 0; i &lt; zooms.length; i++) {
　　zooms[i].style.fontSize = size+'px';
　　}
　　}
　　</script>

　　其次，在模板中找到 <data:post.body/>代码段，并把它替换为：

<span name='zoom'><data:post.body/></span>

　　这里需要注意的是可能有多处需要替换，最好使用搜索工具搜索一下。

　　接下来在需要加入字体调节功能的代码段中加入如下语句：

<a href="javascript:doZoom(16)">大</a>
<a href="javascript:doZoom(14)">中</a>
<a href="javascript:doZoom(12)">小</a>

　　保存模板，这样就可以了，大家试一试啊。