在blogger 加入一個會轉動的標籤雲(animated label cloud)


之前是wordpress的插件,現在blogger也可以運用,只要進入版面配置,點擊修改html,並且勾選展開小裝置範本,找到 <b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> 這行, 在之後加入下列程式碼.

<b:widget id='Label99' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<center>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js'
type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy
Tanck</a> and <a href='http://www.bloggerbuster.com'>AmandaFazani</a>
Distributed by <a href='http://blogger-templates-designs.blogspot.com'>Blogger
Templates Designs</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf",
"tagcloud", "360", "300", "7", "#ffffff");
so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "75");
so.addVariable("tagcloud","<tags><b:loop values='data:labels' var='label'><a
expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</center>
</div>
</b:includable>
</b:widget>

如寬為360,高為300,0*333333為字型顏色,轉速為75,字型大小為12,這些數字大小都可依需求去調整大小.

參考網址:http://is.gd/wJzU