Pages

顯示具有 部落格 標籤的文章。 顯示所有文章
顯示具有 部落格 標籤的文章。 顯示所有文章

2015年12月20日 星期日

●●部落格專題作業

部落格要求

  1. 文章:15篇。
  2. 網頁:5個。
  3. 小工具:5個。





文章:

  • 共15篇文章。
  • 可以有5個標籤,每個標籤至少含有3篇文章。
  • 或要有3個標籤,每個標籤至少含有5篇文章。

網頁:

  • 至少要有5個網頁。
  • 行事曆
  • 表單

小工具:

  • 至少5項,可重覆。
  • 必要:圖片
  • 必要:連結清單(連結採開新視窗)



評分準則:

  1. 規格要求:未達要求,一律以不及格論。
  2. 網站配色
  3. 內容要有特殊性

2015年12月19日 星期六

●●部落格教學

教學項目
  1. 建立網誌
  2. 新文章:文字,影片
  3. 版面配置\ 新增小工具:標籤
  4. 版面配置\ 新增小工具:圖片
  5. 範本:自訂
  6. 設定:標題、網址、主頁文章數、滙入滙出刪除網誌
  7. 版面配置\網誌文章:編輯
  8. 網頁:行事曆
  9. 網頁:表單
  10. 版面配置\ 新增小工具:連結清單







標籤
  • 新增標籤與文章:發表文章\工具列
  • 刪除標籤:到文章,個別刪除
  • 修改標籤:先新增標籤,再修刪除標籤。
連結清單:開新視窗
  • 超連結到其它網站,會以整頁模式(蓋過原網頁)。步驟如下:
  1. 範本:編輯HTML。
  2. 跳至小工具Linklist,前有短箭頭按下,再短箭頭按下
  3. 超連結處<a href>加入程式碼target='_blank'
    從第2項往下找到第3項,約行左右的程式碼。

例如:<b:widget id='LinkList3' locked='false' title='專業網站' type='LinkList'>
    <b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
  </b:widget>

有些不想要的文字,可利用深色背景+文字深色,造成隱形的效果。





2015年12月18日 星期五

●●範本教學

1. 為避免設計好的範本遺失,請先在【範本\還原與備份】儲存備分:下載完整範本。
2. 再下載範本:可在google輸入blogger template,或直接使用以下網站下載
http://btemplates.com
http://www.deluxetemplates.net:固定格式不可刪,有廣告,兩邊有網誌內容。
3. 從下載壓縮檔中,找到*.xml的檔案,到【範本\還原與備份】上傳範本:選擇檔案。
4. 完成範本置換後,到【版面配置】做小工具的調整。




另一作法:

  1. 害怕原始網誌操作錯誤的話,可以先申請一個備用的網誌。
  2. 在原網誌中,【設定\其他】:滙出網誌。
  3. 到備用網誌,【設定\其他】:滙入網誌。
  4. 再依上述作法2~4即可。

2015年12月12日 星期六

●●CSS如何修改部落格版面

CSS如何修改部落格版面





(1) 瀏覽器+F12,叫出原始碼

(2) 找尋要修改的區域

(3) 區塊標籤修改




使用結果:此方法無法使用在google部落格 1041217

2015年9月1日 星期二

水平導覽列選單1


http://blogger-script-study.blogspot.tw/2013/07/blogspot-menu.html