显示标签为“博客工具”的博文。显示所有博文
显示标签为“博客工具”的博文。显示所有博文

教你玩转blogger:制作标签云(Label Cloud )

首先,如果各位还有人不知道什么是标签云的话,

建议你到英文维基百科上看看,就点这个链接就好了:Label Cloud

现在来说说方法,

步骤一:


首先,登录你的blogger账户,

然后:“布局”>“修改HTML”

步骤二:

推荐你不要打开那个“扩展窗口小部件模板”,因为这样更方便,

好,现在“ctrl+f”,开启firefox的搜索功能,

然后搜索 ]]></b:skin>

找到之后,在它的前边,添加以下代码:

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}

步骤三:

以同样的方法搜索
</head>, 然后在它 的前边添加以下代码:

<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL =
"http:// ******.blogspot.com";
var maxFontSize =
the size ;
var maxColor =
"######";
var minFontSize =
the size ;
var minColor =
"######" ;
var lcShowCount = false/true;
</script>

然后,现在就出现了一些需要你自己去调整的东西,

首先,把 ******换成你的博客的域名,比如说我,
就要把它换成laushoock

然后介绍一下这些属性:

maxFontSizemaxFontSize 是指最大字号和最小字号,

因此,你需要吧它们后边的
the size 改成你想要的字体大小,比如25和15,

maxColor 和 minColor 是指颜色的最深值和最浅值,

因此,你需要吧它们后边的######换成你想要的颜色的编码,

可以使用颜色的名称(英文),也可以使用颜色的16进制代码。

lcShowCount 是指显示不显示相关文章的数目,

想要显示,就在后边填写true,不想显示,就填false。

步骤四:

搜索找到, <b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>

或:
<b:widget id='Label1' locked='false' title='标签' type='Label'/>

总之,就是“标签”这个widget的代码,

用一下代码替换这一行:

<b:widget id='Label1' locked='false' title='标签' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>
// Don&#39;t change anything past this point -----------------
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var ta=0
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>
for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
tz = labelCount.length-1;
lc2 = document.getElementById(&#39;labelCloud&#39;);
ul = document.createElement(&#39;ul&#39;);
ul.className = &#39;label-cloud&#39;;
for(var t in ts){
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement(&#39;li&#39;);
li.style.fontSize = fs+&#39;px&#39;;
li.style.lineHeight = &#39;1&#39;;
a = document.createElement(&#39;a&#39;);
a.title = ts[t]+&#39; Posts in &#39;+t;
a.style.color = &#39;rgb(&#39;+c[0]+&#39;,&#39;+c[1]+&#39;,&#39;+c[2]+&#39;)&#39;;
a.href = lcBlogURL+&#39;/search/label/&#39;+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement(&#39;span&#39;);
span.innerHTML = &#39;(&#39;+ts[t]+&#39;) &#39;;
span.className = &#39;label-count&#39;;
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(&#39; &#39;);
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script>
<noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



步骤五:


保存模板,然后完成了,

就是这么简单,你也能有一个标签云了!!

免费的Blogger Xml模板


Demo| Download










Demo | Download







Demo| Download








Demo| Download







Demo| Download




Demo |Download



Demo| Download








Demo|Download






Demo | Download




Demo| Download



Demo| Download








Demo| Download






Demo| Download




Demo| Download

10款专业的免费Blogger模板

Forte Blogger Templates
wp-premium
Blogger polaroid
wp-premium
Blue Steel Blogger Templates
Itheme Blogger Templates
Bizfresh
Langit Blogger Templates
Freicurv Blogger Templates

2个免费博客留言板

或许,你正忙于找一个博客的留言本插件,或一个独立的留言本程序,但却一直未能找到适合自己的.在刚开始用博客的时候,我也是这样,一直在找一个留言本程序,好在,最终找到了一个,可是因为模板的问题,用起来不大方便,所以,暂时搁置了.

不过,最近在网上浏览的时候,看到了两款漂亮又实用的留言本程序.可以支持widget,可以在你博客的任何地显示.只要简单的HTML代码就可以实现了.当然,提供商是用很复杂的方法才使得这样的留言本让用户用起来很方便.现在来介绍一下吧.

1.Cbox.

Cbox,简单易用,只要简单的代码,就可以实现一个漂亮的留言本.而且有16个样式可供选择.当然,你也可以修改成自己喜欢的样子,这些代码是可以修改的.

它还有一个非常不错的功能.就是BAN!这可以保证留言本的安全和反SPAM.如果你不想为留言本的垃圾烦恼,那么,这是一个想法不错的功能.

功能还是相当不错的.它还支持表情.你可以轻松地在你的留言板上站上表情.让你在和读都交流的时候可以更充分地表达自己.

是否在担心流量大,交流困难呢?不用怕,这个留言本能力不错呢.它可以支持成千上万的留言.任君聊呢.哈哈…

地址:http://www.cbox.ws/

2.ShouTMix

在样式上,ShoutMix相对于Cbox有更多的自定义.支持在线修改.而且是实时可视化的.当然,也有可以选择的样式.

觉得这个不错是因为,他有坚排模式的,还有横排模式(如上)的.另外,他还有支持多种博客的页面安装.比较wordpress的方式留言本制作.

地址:http://www.shoutmix.com/

或许,要自己看看,才知道那和款更适合你吧.

嗯,差点忘记了.其实,这并不只单单是博客的留言本.这些代码可以在任何支持HTML代码的网页上显示.因为是在博客介绍,而且其实上只是介绍给来众多的博友.所以,请允许我说成是博客留言本.

博客工具入门之Google Analytics

要保证博客的生存与发展,Blogger需要了解博客当前的访问状况及一定时间区间内访问状况变化的趋势,需要对博客访问者进行必要的基本分析,如博客内的哪些内容是用户欢迎的而哪些内容用户则根本不感兴趣,找出用户如何发现您的博客及以怎样方式浏览您的博客的基本规律,从而有的放矢地改进博客网站的建设与推广策略等。这都要求Blogger为博客配置一款有效的访问统计及分析系统,不管怎么说,数据是最客观的,数据反映出的规律远远比blogger仅凭个人主观的臆测更真实、更有价值。


相对于日志型的访问统计软件,Google Analytics对大多数博客网站而言最大的吸引力在于其不需进行服务器设置,简单入手即可使用,毕竟,很多虚拟主机并不提供或不免费提供诸如AWStats、Webalizer之类的网站分析软件,也不给予用户自行安装该类软件的服务器操作权限。当然,入手简单并不意味着功能上存在缺憾,Google Analytics可提供丰富的访问统计分析数据,如访问数、综合浏览量、访问入口网页、来源及至具体的页面跳出率、用户停留时间、地理位置等等。


本文我们将介绍Google Analytics的基本使用。



如何开始?


帐户与登录


同我们之前介绍的Google网站管理员工具一样,要使用Google Analytics,同样需要您拥有一个Google帐户,比如在Gmail、Google Reader、 Adwords、AdSense、iGoogle等中使用的帐户。


如果确实没有,可至Google帐户免费注册。


添加网站配置


Analytics设置



登录Google Analytics后,首先做的肯定是要添加网站配置了。


输入您的博客Url——同样地,根据博客设置的首选域,选择正确的含“www”或不含“www”的版本,如博客学堂在此便应输入“blogsdiy.org”而不是“www.blogsdiy.org”——设置正确的时区,一般而言,您有两个选择,根据自己所在位置或主要目标用户群体所在位置,视乎您更看重哪方面而定,当然,对大多数中文博客而言,答案都是“中国”。


在Analytics中添加网站配置


第一次使用Google Analytics的话,接下来会要求您输入联系信息以及同意Google Analytics条款的确认。然后,即至跟踪代码的页面,内中提供待插入到网页中的跟踪代码。


<script src=”http://www.google-analytics.com/urchin.js” type=”text/javascript”>

</script>

<script type=”text/javascript”>

_uacct=”UA-xxxx-x”;


urchinTracker();

</script>


这时,返回Google Analytics主页面,可以看到相应网站的状态为“未验证”


在博客中插入Google Analytics跟踪代码


要记录网站的访问状态,需要您将Google Analytics提供的跟踪代码插入到网站的页面中去。一般而言,应该是网站的全部页面,除非您网站中存在部分不欲被Google察觉同时也不需要分析的页面。


简单地说,跟踪代码可放置在网页中 </body>之前的任何位置,包括网页的 <head>…</head>中,不过,考虑到JavaScript代码可能引起的网页加载延迟问题,建议将其置于html比较靠后的地方,如恰好在 </body>之上,除非极少数特殊情况,比如说使用网页调用如 utmLinkPost() 等需要在网页加载前便进行定义的函数。



换言之,对基于WordPress的博客,一般修改footer模板,找到</body> 的位置,在其上粘贴拷贝的跟踪代码即可。


加入代码后等上一段时间,即可看到相应网站后的“状态”显示由“未验证”改变为“接收数据”。


控制台


在要检查的网站栏点击“查看报告”链接,即可看到网站访问状态的基本数据摘要。——注:控制台显示内容可定制,即您可根据自己的需要调整出现在控制台上的内容,以更好地提高日常操作中的效率。


在默认设置下,这里显示的是过去一个月以来的网站访问数据分析结果。——除非您的跟踪代码安装时间少于一个月,或者,您希望更有针对性地检查网站访问情况,调整了日期范围。日期范围的调整方式如下图:


调整Analytics统计日期范围


该页显示的信息相当丰富,其中绝大多数可点击查看更详细的数据。下面简单介绍其显示的内容


Analytics控制台数据



折线图


在右侧在面板的最上方,以图表的方式直观地显示网站的访问情况,您可以一目了然地对网站的当前状态发展趋势,是象道哥那样“处于事业的上升期” :P 还是不幸处于下降期,有个最基本的把握。


可查看的项目包括:



  • 访问量 (Visits) : 与标准意义上的Unique Visits 还是有着一定区别的。Google Analytics 判断 Visits 的标准是一个会话周期(半个小时)内的新用户即为一个Visit,即如果一个用户相隔31分钟访问了您博客的两个页面,则会被计作 2 Visits。

  • 综合浏览器 (Pageviews) : 这个不必解释,用户浏览的网页数量。


  • 每次访问页数 : 用户在您的博客每次查看几页,由PageViews / visit 得出。同下面的跳出率一样,可以让您简单地判断博客内容是否与访问用户的意向相一致。过低的每次访问页数,只能证明您的博客也许具有将用户引来的能力,但却无法“粘”住用户,需要在博客粘度上下点功夫。

  • 跳出率 (Bounce Rate) : 至您的网站后仅查看一个网页便离开的用户比例。这是衡量博客/网站质量的重要指标,跳出率较高显然表示用户对您的内容不感兴趣——不管其是通过什么渠道来到您的网站。

    需要注意的是,跳出率高并不是绝对意义上的坏事,特别对单个的网页而言。比如说,如果您的某个页面目标本来就是希望用户点击广告、购买产品离开的,那么,这个页面的跳出率高正说明您实现了预期中的转换效果。

  • 网站平均停留时间 : 如果用户打开您的博客网站后马上离开,停留时间只有几十秒,那么显然说明其对您的博客不感兴趣。

    但这个指标具有很大的迷惑性,有时网站平均停留时间高仅仅因为用户打开页面而忘了关闭而矣,特别是随着IE7也支持标签浏览后情况更是如此:许多用户往往同时打开无数标签页,什么时候看甚至会不会看都只有天晓得。


  • 新访问次数所占百分比 : 过高则说明用户对您的博客忠诚度不够,而过低则说明您的博客在招徕新用户即博客推广方面仍需更上层楼。


网站使用率


上述6项的统计数据,可分别点击相应项查看详细的每日记录


访问者概述


将上述访问者一项单列出来,可点击查看报告打开访问者统计页面


地图覆盖图


以世界地图的方式访问者的地理来源,查看报告可分析来自特定区域的用户数据,如访问次数、每次访问的综合浏览量、转换率等。



点击量来源概述


给出用户通过什么渠道到达您的网站的信息,以及不同的访问来源如搜索引擎、推介网站等在总体访问量中所占比例。


点击查看报告即打开“点击量来源”页。


内容概述


显示网站内访问量居前的网页,也即用户到达网站的主要入口。可分别查看相应网站的具体访问信息。


访问者


Analytics访问者统计数据


在这里可得到与访问者有关的绝大多数数据。包括:



  • 访问者趋势:注意这里的绝对唯一访问者人数,基本相当于UniQue Visits,其表示表示不重复(仅计数一次)的网站访问者人数,而不管用户在统计期限内是否在不同日期或不同会话周期内的多次访问。


  • 访问者忠诚度:一个用户忠诚度不足的博客显然发展动力有限,但是,博客的忠诚度过高恐怕也未必是好事,也许正说明您在吸纳新用户方面的不足。这里主要通过忠诚度、新近度、访问时长以及访问深度几项指标衡量。

  • 浏览器功能:访问用户的操作系统、浏览器、屏幕分辨率等的统计结果。可以让您有的放矢地调整网页显示状况,比如说,如果您的网页基于1024 x 768 设计,但访问量记录显示大部分访问用户的屏幕分辨率仍为 800 x 600 ,那么,也许您需要针对这部分用户修改一下。

  • 网络属性:包括网站位置、主机名、连接速度等。虽然大多数朋友对这部分数据并不太关心,但有时其还是具有相当意义的。比如说主机名,指用户查看您的内容时使用的连接域名,以博客学堂为例,主机名应该是“blogsdiy.org”,但是,您也许会在该项统计中看到许多其他的域名或IP,这时也许您就需要检查一下到底怎么回事了,是否在合理范围内,以及,使用AdSense的博客,也许要考虑一下是否应针对某些引用量大的主机调整AdSense的域名保护列表以避免更多的损失(在清楚相应风险的前提下)等等。


点击量来源


Analytics访问量来源数据


提供为您的博客带来访问量的各种来源的记录,包括概述与详细信息。这也是您对自己博客建设及推广特别是博客推广策略及方法是否合适是否最佳化进行分析的主要依据。Google Analytics将访问量来源分为三类,分别为:




  • 直接点击量 : 通过书签来访或直接在浏览器中键入网址的用户访问次数;

  • 搜索引擎 : 在搜索引擎结果页点击网站的访问者的访问次数,并可进一步查看在不同的搜索引擎中,用户通过怎样的搜索关键词找到您的博客的,如果您重视SEO的话 :P ,进而总结经验规避缺点;

  • 推介网站 : 从其他网站点击您的网站的访问者的访问次数;需要注意的是,Google Analytics将自身不能识别的其他搜索引擎也标记为“推介网站”,在中文领域,这类小型搜索引擎名目繁多,如电信的114、soso等。



当然,如果您使用了Google AdWords,则可与Google Analytics相结合,监控您的 AdWords 广告系列和关键字的收益率。


其他


将内容与目标两项列入其他,并不意味着这两项不重要或不值得关注,事实上,这两项也许才正能体现出Google Analytics的核心价值,让您更有针对性地优化网页及内容。只不过对这么一篇面向入门使用的介绍文章而言不太合适,也无法说得清楚。


简要地介绍一下吧:


内容


检查博客/网站内最主要的入口页面、出口页面、目标页面及其访问量构成细节,以及网站覆盖图。


通过对这些页面的具体分析,您可进而更明确地发现博客自身的优势与不足,比如说,某个网页大受欢迎,那么,为什么?其他网页与其相比存在哪些不足?如何改进?等等。


目标



不管怎么说,博客总希望用户至网站到访后完成某个特定的目标,无论该目标是获得更多的RSS订阅还是更多的广告点击或者销售更多的产品。那么,从这个角度说,相对于访问量,目标转换的情况更为重要,一个不能完成预期目标的网页是失败的。


通过设置相应的目标与渠道路径,您便可使用Google Analytics来您监控访问用户的转换过程并实际情况,这对博客/网站的价值实现而言,意义显然是无论怎样高估也不过份的。


小结


如上所言,Google Analytics是一款非常有用的工具。在您博客网站建设与推广中,您可以通过Google Analytics得到所需的各类信息与数据。


当然,要把Google Analytics用好,挖掘出其全部功能还是需要花费不少功夫的。从某种程度上,我们甚至可以可以用最常见的应用软件如Word与其类比:任何人只要会打字便可使用Word,但很多人在Word中恐怕也只是打打字、调整字体字号、进行基本的版面调整,而事实上,Word的潜力要远比这些强大得多,甚至可以说,对像我这样的懒人而言,可以永远都不会知道如何发挥出Word的全部能力,它的有些功能可能我根本都不知道存在。