2012-05-11

第四週上課紀錄

這是第四節課課堂。




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

使用了

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


老師給了一些


部落格外掛整理 by SYS

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

衛星雲圖

布布熊時鐘

時鐘&月曆

計數器
FC2

較專業的分析Google Analytics

時鐘


Google小工具 官網


養寵物



安裝步驟:
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>

資料來源:

第五項的##   ##是用來隱藏小工具的
摘要與繼續閱讀有時候會有衝突,那是因為文章沒有標題
如果已經用文章工具裡的Insert jump break,基本上這個便沒甚麼用了

沒有留言:

張貼留言