理性．感性．影像

您想要在部落格的模版中新增音樂播放器嗎？您想要在網誌中播放音樂嗎？請您仔細閱讀本篇教學文章。

步驟一、登入管理界面

1.點選「個人網誌設定」

2.點選「網誌模版編輯器」

步驟二、複製系統模版

3.點選想要複製的模版後的「複製」圖示。如圖示3

4.輸入您新模版的名稱，如：「my_XXXX」

步驟三、編輯個人模版

在模版列表中，點選您的新模版，開啟編輯畫面(如下圖)

5.點選新模版的「panel.template」。

6.在編輯列中，找到適當的位置，如：</form>之後，插入以下指令：

<embed src="音樂檔的網址" height=45 width=180 type=video/x-ms-asf autostart=1 ShowAudioControls?=0 showstatusbar=0>

指令說明請參考http://blog.snes.tp.edu.tw/post/2/2469教學件。

6.點選「更新」

步驟四、啟用修改後的模版

7.點選「個人網誌設定」

8.點選「網誌設定」

9.選取修改後的模版，並點選「更新」

--------------------------------panel.template原始碼說明------------

panel.template主要是描述網誌「日曆」、「搜尋」、「近期文章」、「文章分類」、「我的連結」等功能的模版檔案。

內容如下：

<div id="sidebar">

----以下為顯示「日曆」的SMARTY及html指令----
<!--Calendar-->
<h2> {$locale->tr("calendar")} </h2>
<ul>
<li>
<div align="center">
{$calendar}
</div>
</li>
</ul>

-----以下為顯示「搜尋」的SMARTY及html指令----
<!--Search-->
<form name="search_form" method="post" action="{$url->getIndexUrl()}">
<h2> {$locale->tr("search")} </h2>
<ul>
<li><div align="center">
<input type="text" name="searchTerms" value="" size="14" /><br/>
<input type="hidden" name="op" value="Search" />
<input type="hidden" name="blogId" value="{$blog->getId()}" />
<input type="submit" name="Search" value="{$locale->tr("search")|capitalize}" />
</div></li>
</ul>
</form>

-----以下為顯示「音樂播放器」的html指令----
<embed src="http://blog.snes.tp.edu.tw/get/2/p27_3.mid" height=45 width=180 type=video/x-ms-asf autostart=1 ShowAudioControls?=0 showstatusbar=0>

-----以下為顯示「近期文章」的SMARTY及html指令----

<!--Recent Articles-->
<h2> {$locale->tr("recently")} </h2>
<ul>
{foreach from=$recentposts item=recentpost}
<li><a title="{$recentpost->getText()|truncate:150:"..."|strip_tags|escape}" href="{$url->postLink($recentpost)}">{$recentpost->getTopic()}</a></li>
{/foreach}
</ul>

-----以下為顯示「文章彙整」的SMARTY及html指令----

<!--archives-->
<h2> {$locale->tr("archives")} </h2>
<ul>
{foreach from=$archives item=month}
<li><a href="{$month->getUrl()}">{$month->getName()}</a></li>
{/foreach}
</ul>

-----以下為顯示「文章分類」的SMARTY及html指令----

<!--categories-->
<h2> {$locale->tr("categories")} </h2>
<ul>
{foreach from=$articlecategories item=articleCategory}
<li><a href="{$url->categoryRssLink($articleCategory)}"><img src="{$url->getUrl("/imgs/rss_logo_small.gif")}" style="border:0px;" alt="RSS 0.90" align="middle" /></a>
<a href="{$url->categoryLink($articleCategory)}">{$articleCategory->getName()}</a> [{$articleCategory->getNumArticles()}]</li>
{/foreach}
</ul>

-----以下為顯示「我的連結」的SMARTY及html指令------

<!--Mylink-->
<h2> {$locale->tr("my_links")} </h2>
<ul>
{foreach from=$mylinkscategories item=linkcategory}
<li>{$linkcategory->getName()}
<ul class='children'>
{foreach from=$linkcategory->getLinks() item=link}
<li><a href="{$link->getUrl()}" title="{$link->getDescription()}">{$link->getName()}</a></li>
{/foreach}
</ul>
</li>
{/foreach}
</ul>

-----以下為顯示「新聞交換」的SMARTY及html指令----

<!--Syndicate-->
<h2> {$locale->tr("syndicate")} </h2>
<ul>
<li>
<a class="nodecoration" title="Link to the RSS 0.90 feed." href="{$url->rssLink("rss090")}"><img src="{$url->getUrl("/imgs/rss090_logo.gif")}" style="border:0px;" alt="RSS 0.90" /></a><br />
<a class="nodecoration" title="Link to the RSS 1.0 feed." href="{$url->rssLink("rss10")}"><img src="{$url->getUrl("/imgs/rss10_logo.gif")}" style="border:0px;" alt="RSS 1.0" /></a><br />
<a class="nodecoration" title="Link to the RSS 2.0 feed." href="{$url->rssLink("rss20")}"><img src="{$url->getUrl("/imgs/rss20_logo.gif")}" style="border:0px;" alt="RSS 2.0" /></a><br />
<a class="nodecoration" title="Link to the Atom 0.3 feed." href="{$url->rssLink("atom")}"><img src="{$url->getUrl("/imgs/atom_logo.png")}" style="border:0px;" alt="Atom 0.3" /></a><br />
</li>
</ul>
</div>