+ A -

功能記錄。



阿凡達裏面的細緻的畫面,已經差不多忘乾淨了,明明是前天看的,腦海要重複一遍想要的畫面,很是辛苦,這也充分的顯示了人類記憶的劣根性,短期記憶是不可靠的。

正因為如此,我決定寫一篇blog hack的備份,萬一哪天不記得怎麼用了,翻看自己寫的筆記也會有種自豪感。
想當年我也是會寫hack的。


表情插件
表情插件
使用方法就是把該鏈接添加入收藏夾內,進入blogspot文章後臺,點擊該鏈接,就會出現表情供君選擇。注意:只有在傳統後臺里的舊版文章編輯器才可以使用。

文章加密

已失效。



躲貓貓按鈕

如何對我的文章執行顯示/隱藏連結?

附註:此文章假設您使用的是傳統範本 (而不是 [版面配置] 功能)。
這對於擁有文章篇幅很長的 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 號碼,以確認我們顯示或隱藏正確的文章。
一旦您的範本中已經具備所有項目,只要儲存變更並重新發佈即可。 新的格式將會自動地套用至您所有的文章,而不用您變更任何項目。
注意:
  • 如同執行任何範本修改一樣,請務必在開始之前先儲存一份範本的備份。 只要複製您的所有程式碼並貼到硬碟上的文字檔中即可,萬一發生任何錯誤,便可使用該備份來替換。
  • 顯示/隱藏方式的另一個替代方案是使用文章摘要。 每個方法各有其優缺點。
  • 此方法的優點: 只需要變更範本,而不需要對您的文章做修改。
  • 缺點: 只會顯示每篇文章的標題,而沒有摘要資訊。 此功能會套用至所有的文章,而不能讓您依選擇來套用 (例如,僅針對長篇文章)。
摘自:http://www.google.com/support/blogger/bin/answer.py?hl=b5&answer=42214

發佈留言

〇____〇""

您不可以使用一些 HTML 標記,例如 <b> 粗 </b>, <i> 斜 </i>, <a href='網址' > 連結 </a>。

0 顆樹下的水果:

Post: , Comment: