※請點進去看大圖~
因為blogger所增加的功能跟一般的BLOG比較不同,
所以稍微寫一下簡單的教學,方便大家發文。
當你登入後,按下右上角的「新文章」,
就會出現如同上圖一樣的畫面,
文字欄中出現的程式碼,是我所設定的,
這份教學主要就是講這一個部份。
1.
要顯示的文章內容
<!-- more -->
要隱藏的文章內容
改用新的程式碼囉!
現在這個用法和痞客邦的「繼續閱讀功能」相似,
如果不想用程式碼,將文章編輯頁面的右上角改選成「撰寫」模式,
編輯欄上面那排功能鈕的最右邊一個「插入 jump/break 指令」,
把游標移到想要放上「繼續閱讀」字樣的地方,再按下那個鈕,
也會有同樣的效果~
這一段程式碼,就是「繼續閱讀」的功能。
當你寫完文章後,把這串程式碼放進文章裡
<div id="fullpost">與</div>
這兩個包夾的文章內容,將會是不顯示在首頁裡的,
要在首頁的文章按下「繼續閱讀」所開啟的新頁面才會顯示,
而在這兩個包夾之外的字呢,就會顯示在首頁。
講了一大串可能有點難懂,總之實際用一次應該就能夠理解了。
2.
<code>註記的文章內容</code>
這一段程式碼用出來的真實情況就像這樣
把要顯示在框框裡的字包在程式碼裡面即可。
(也就是上面「註記的文章內容」這一段)
主要是拿來放一些不希望破壞到原本文章的附註之類內容。
3.
<code class="info">程式碼</code>
這一段程式碼用起來則是這樣
用法同上一項,主要是拿來放特殊的程式碼,
就像之前我和栞放LOGO的程式碼那樣。
4.
<span style="float: left; line-height: 36px; padding-top: 2px; font-size: 36px">首字放大</span>
首字放大的功能相信不用我多說,
就是像我現在用出來的樣子。
5.
上面圖片上特別用紅色圈起來的「此文章的標籤」
發心得的部份就不統一文章標題了,大家可以隨意發揮~
但是我希望標籤的部份能夠統一,這樣也可以方便未來查詢。
也就是請在圈起來那個位置的空格填上「第1期」字樣。
※第二期的心得就寫「第2期」,之後以此類推。
我不太擅長寫教學,希望不會讓各位看得霧霎霎 囧/
如果有任何問題或是有看不懂的地方,
歡迎在底下詢問~謝謝!
0 意見:
張貼留言