教學 | 很絢麗的Tag：Blogumus

By fog on 10/11/2008 01:27:00 PM

Tags:

The information is from Blogger Buster

對一些新奇的東西真的很無法抗拒 XDDD
這次要介紹的是另外一種在Blogger上可以顯示很絢麗的Lable(Tag）的顯示方式

不過用說得沒有辦法說他到底有多絢麗 <囧>
因此大家可以到我的另外一個Blog：fog's X JAPAN去玩玩看或者是點下圖放大看！！

（這個Blog沒有示範的原因是因為背景有特殊的圖片...放上去會整個破壞掉 XDDD）

教學的話就請各位繼續往下看囉...



Step1

當然要請先備份你的Template

Then, go to Layout>Edit HTML in your Blogger dashboard. Do not check the "Expand widget templates" box as this would complicate the process!

Step2

用搜尋找到以下這一行：

<b:section class='sidebar' id='sidebar' preferred='yes'>


Step3

在找到的那一行下面直接複製貼上下面這一段程式碼

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
 <b:if cond='data:title'>
   <h2><data:title/></h2>
 </b:if>
 <div class='widget-content'>

   &lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
       &lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
       &lt;param name="bgcolor" value="#ffffff" /&gt;
       &lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
     <b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
       &lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
   &lt;/object&gt;


 </div>

 <b:include name='quickedit'/>
</b:includable>
</b:widget>


Step4

這樣就大功告成了！！！！


PS:以下列出使用者可以自行修改的幾個地方

A.Change height and width

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;


B.Change background color

&lt;param name="bgcolor" value="#ffffff" /&gt;


C.Change the color of text

&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;


D.To alter the size of tags/links

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'>



0 意見 for this post

Post a Comment

Subscribe to: Post Comments (Atom)