在Blogger加入開關效果

這功能真的是超好用的！
只要在範本的HTML可以看見的(這不是廢話嘛！)都可以開關
舉例來說小工具、導覽列....想藏哪裡就藏哪，一個按鍵開給你看
廢話不多說，有需要的趕快來看看吧！

1. 打開後台範本→編輯HTML
2. Ctrl+F搜尋</head>，在</head>之前插入以下程式碼

<script src='https://sites.google.com/site/skyvee/Home/codes-2/prototype.js' type='text/javascript'/>
<script src='https://sites.google.com/site/skyvee/Home/codes-2/scriptaculous.js?load=effects' type='text/javascript'/>

2013/10/29更新：如果沒有效果顯示，請換下面這組

<script src='http://bgjs2010.googlecode.com/files/prototype.js' type='text/javascript'></script>
<script src='http://bgjs2010.googlecode.com/files/scriptaculous.js' type='text/javascript'></script>

3. 在要隱藏的部分前後貼上<div id='開關A' style='display:none'>和</div>
※對象是小工具的話，<div id='開關A' style='display:none'>要貼在小工具的<b:includable id='main'>之後；</div>要貼在</b:includable>之前
※小工具在哪？請在版面配置先幫小工具取個名稱，然後在HTML模式裡Ctrl+F搜尋該小工具名稱，設置好後再移除名稱即可

4. 最後是開關鈕的部分
將開關連結設成<li><a href="#" onclick="new Effect.toggle(&apos;開關A&apos;,&apos;blind&apos;);Element.hide(&apos;開關B&apos;);Element.hide(&apos;開關C&apos;);return false;">頁面顯示名稱</a></li>
注意：紅色部分可自訂名稱，但全部要相符，不同的開關要取不同名稱；兩組開關以上要加入藍色部分，表示點擊紅色開關時，會自動關閉藍色開關，只有兩組就增加B，三組就再加上C，以此類推

5. 要增加開關重複3和4步驟即可
※如果要預設開啟
步驟3 style='display:none'改為Element.show('開關名字');

參考來源 Fun New Run High

您喜歡這篇文章嗎？