第四週上課紀錄

這是第四節課課堂。




這次還是在版面配置的小工具部分

使用了

HTML/JavaScript 將第三方功能或其他程式碼加入您的網誌。 Blogger 製作

老師給了一些

部落格外掛整理 by SYS

HTML 語法提醒： <br > 是換行  <!--     --> 是註解語法，不會顯示，可做為功能說明使用，避免太多的外掛，而不會修改。 <div align=”center”> </div>可以讓小工具置中對齊。

衛星雲圖

http://www.tenki.tw/download/b_index.php

布布熊時鐘

http://blog.yam.com/bububearcity/article/3814417

時鐘&月曆

http://www.hitarek.com/calendar-clock.html

計數器

FC2

http://counter.fc2.com/tw/index.html

較專業的分析Google Analytics

http://www.google.com/analytics/zh-TW/

時鐘

http://postpet.jp/webmail/user/fun/accessory/

http://www.clocklink.com/cn/gallery.php?category=DIGITAL

Google小工具 官網

http://www.google.com/ig/directory?num=24&synd=open&cat=all

養寵物

http://bunnyherolabs.com/adopt/

[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學

安裝步驟：
1.到Blogger的控制(後台)頁面
2.「版面配置」->「網頁元素」
3.按下「新增小工具」，出現可用的小工具清單
4.找一個名稱為「 HTML/JavaScript」，按下滑鼠左鍵，會進入設定的頁面
5.「標題」欄位，請填入 ##EasyReadMore##
6.「內容」部份，請複製以下程式碼填入

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://cjh829-easy-read-more.googlecode.com/files/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 3;
EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';
EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';
EasyReadMoreSettings.Link_Style = 'directlink';
EasyReadMoreSettings.Link_Text = '...繼續閱讀';
EasyReadMoreSettings.Link_Text_title = '繼續閱讀';
EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';
EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';
EasyReadMoreSettings.Collapse_MoveToEnd = false;
EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';
EasyReadMoreSettings.Collapse_Effect = 'none';
EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';
EasyReadMoreSettings.Index_Page_Style = 'abstract';
EasyReadMoreSettings.Tag_Page_Style = 'title';
EasyReadMoreSettings.Archive_Page_Style = 'title';
EasyReadMoreSettings.Controller_Enabled = true;
EasyReadMoreSettings.Controller_Default_Position = true;
EasyReadMoreSettings.Controller_Splitter = ' | ';
EasyReadMoreSettings.Controller_Full_Text = '完整';
EasyReadMoreSettings.Controller_Abstract_Text = '摘要';
EasyReadMoreSettings.Controller_Title_Text = '標題';
EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';
</script>
<script>EasyReadMore.main()</script>

資料來源：

http://cjhtech.blogspot.com/2007/09/blogger-2x.html

第五項的##   ##是用來隱藏小工具的

摘要與繼續閱讀有時候會有衝突，那是因為文章沒有標題

如果已經用文章工具裡的Insert jump break，基本上這個便沒甚麼用了