Blogger文章內容收合設定

文章內容收合設定：

此篇教學內容出自於 WFU Blog 之會員文章：
[小工具]jQuery 展開收合效果安裝懶人包

需要加入會員才能取得的內文編輯部分(直接嵌入在HTML之</body>前)，我這邊就不提供了，請直接去申請WFU的會員資格，利用臉書登入就好了，加入很簡單，但非常值得，最近許多修改Blogger的技巧都是在他的部落格上面學到的，極度推薦給Blogger的使用者。

在編輯文章時，如果想要呼叫內容收合功能時，只要在HTML編輯模式下，採用這個語法就可以設定了：

<div class="slide_toggle">填入收合提示文字</div>

<div>填入隱藏的說明內容</div>

我這邊修改的只有嵌入</head>前的程式碼中，收合鍵與收合內容的背景顏色，因此在下方作個記錄：

按此取得程式碼


<style>
/* 展開收合效果 */
.slide_toggle {
text-align: center;
cursor: pointer;
font-weight: bold;
/* 收合提示字串區塊, 還可加入自訂 CSS 效果 */
line-height: 170%;
background-color: #4a4a4a;
border-radius: 7px;
}
.slide_toggle + div {
display: none;
margin-top: 10px;
background-color: #1C1C1C;
/* 隱藏註解文字區塊, 請加入自訂 CSS 效果 */
}
</style>