功能記錄。
次
阿凡達裏面的細緻的畫面,已經差不多忘乾淨了,明明是前天看的,腦海要重複一遍想要的畫面,很是辛苦,這也充分的顯示了人類記憶的劣根性,短期記憶是不可靠的。
表情插件
已失效。
躲貓貓按鈕
如何對我的文章執行顯示/隱藏連結?
附註:此文章假設您使用的是傳統範本 (而不是 [版面配置] 功能)。這對於擁有文章篇幅很長的 blog 來說是一個特別有用的技巧。 此功能可以讓讀者先看到文章的標題,然後大略地瀏覽並參閱他們想閱讀的文章。 然後,當他們想要閱讀該篇文章時,他們可以按一下連結以瀏覽全文。 而當他們閱讀完後,文字接著又可以再隱藏起來。 這些過程都在單一網頁上進行,因此並不需要額外瀏覽或載入其他網頁。 您可以在這裡試試:
這項功能包含下列三個成份: CSS、Javascript、當然還有 Blogger 範本標記。 下面提供逐步說明。這是一篇篇幅很長的文章
喔,好啦,其實也沒有真的那麼長,基本上我要說的也沒那麼多。 但是我最起碼要在這裡放上一篇像樣的段落,讓您對這整個過程怎麼運作,可以有比較清楚的了解。 這裡有誰知道任何有趣的笑話嗎? 喔,拜託,好歹有人來幫我解個危吧。 該不會要我一個人獨撐大局吧? 好,我認命。 當然啦,其實這也沒有那麼重要,因為說太長也沒有什麼意義。返回原來的地方,並且閱讀本文章剩餘的部份吧! (您可以按下方的連結以再次隱藏此項目。) [+/-] 顯示/隱藏此文章
CSS
這是最簡單的部份。 我們需要一對階層來隱藏文章或顯示文章,因此您可以只貼上這兩行到您的樣式表中:.posthidden {display:none}
.postshown {display:inline}
您的樣式表通常位在靠近範本上方的
<style>
和 </style>
標記之間。 如果您將樣式表放在分開的檔案中,只要將這些程式碼行加入該檔案即可,不必加到您的範本中。Javascript
請將下列程式碼加到您的範本中,在<head></head>
標記間的位置:
<script type="text/Javascript"> function expandcollapse (postid) { whichpost = document.getElementById(postid); if (whichpost.className=="postshown") { whichpost.className="posthidden"; } else { whichpost.className="postshown"; } } </script>
這是我們將在下面使用顯示或隱藏文章的功能。 我們只會給它特定文章的 ID 號碼,接著它就會將該文章從一個 CSS 樣式變更為另一個。
Blogger 標記
現在我們的工具都已經準備就緒,可以開始套用它們到我們的文章中了。 您可在範本的<Blogger></Blogger>
標記間,看到顯示的文章部份。 在這裡我們會使用到的程式碼如下所示:
<BlogItemTitle> <$BlogItemTitle$> </BlogItemTitle> <span class="posthidden" id="<$BlogItemNumber$>1"> <$BlogItemBody$><br /> </span> <a href="javascript:expandcollapse('<$BlogItemNumber$>1')"> [+/-] show/hide this post</a>
當然,您也可以修改此程式碼來配合您的範本。 例如,您可能想要在裡面放入其他的格式標記,也可能是您署名或意見的其他程式碼。 「[+/-] 顯示/隱藏此文章」的文字同樣也可以變更。
此程式碼最重要的部份在包住
<$BlogItemBody$>
標記的 <span>
包裝函式。 您可以看到這部份一開始是以隱藏的形式出現,而它使用 <$BlogItemNumber$>1
來建立一個唯一的 ID (多出來的「1」是為了確認它的唯一性質,以免您的範本已經使用 blog 項目號碼作為其他用途,像是永久性連結)。 Javascript 連結會使用相同 ID 號碼,以確認我們顯示或隱藏正確的文章。一旦您的範本中已經具備所有項目,只要儲存變更並重新發佈即可。 新的格式將會自動地套用至您所有的文章,而不用您變更任何項目。
注意:
- 如同執行任何範本修改一樣,請務必在開始之前先儲存一份範本的備份。 只要複製您的所有程式碼並貼到硬碟上的文字檔中即可,萬一發生任何錯誤,便可使用該備份來替換。
- 顯示/隱藏方式的另一個替代方案是使用文章摘要。 每個方法各有其優缺點。
- 此方法的優點: 只需要變更範本,而不需要對您的文章做修改。
- 缺點: 只會顯示每篇文章的標題,而沒有摘要資訊。 此功能會套用至所有的文章,而不能讓您依選擇來套用 (例如,僅針對長篇文章)。
發佈留言
〇____〇""
您不可以使用一些 HTML 標記,例如 <b> 粗 </b>, <i> 斜 </i>, <a href='網址' > 連結 </a>。
0 顆樹下的水果: