
在Blogger網誌文章 添加「繼續閱讀」功能
Blogger的文章每一篇都樂樂長....文章累積越多,版面就越往下掉....
如果你還喜歡Blogger的介面簡單俐落的話,現在來強化一下你的Blogger
如果你還喜歡Blogger的介面簡單俐落的話,現在來強化一下你的Blogger
在上一篇「如何建立Blogger 基本操作之文章分類」,只需要增加一個HTMLl/Javascript欄位不需要花多久時間
很快的你的Blogger也能像其他部落一樣;有文章繼續閱讀的功能
首先;很快的你的Blogger也能像其他部落一樣;有文章繼續閱讀的功能
1. 進入「版面配置」
2. 點擊「新增小工具」
3. 選擇「HTMLl/Javascript」旁邊有個+符號
4. 標題輸入(如果你怕失誤用複製的):
##EasyReadMore##
##EasyReadMore##
5. 內容(複製以下語法):
<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.0.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 7;
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_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>
<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.0.js" type="text/javascript"></script>
<script>
EasyReadMoreSettings.Enabled = true;
EasyReadMoreSettings.Read_More_Mode = 'mix';
EasyReadMoreSettings.Mode_Auto_MaxLine = 7;
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_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>
6. 按「儲存」
7.將這個完成的小工具;排放到側邊欄位第一個。接下來按儲存,即可檢視網誌。
(為甚麼要這麼做?我測試過這樣比較穩定,不信你試試看黑)
(為甚麼要這麼做?我測試過這樣比較穩定,不信你試試看黑)
備註:
EasyReadMoreSettings.Mode_Auto_MaxLine = 7;
EasyReadMoreSettings.Mode_Auto_MaxLine = 7;
7 代表幾行文字後顯示繼續閱讀,請自己看著辦修改嘿^0^
- - - - - - - - - -
2010/03/13更新:
Blogger後台已經新增了「繼續閱讀」功能啦,不需再加入外掛了!
Blogger後台設定:
1.在設定> 基本> 一般設定> 文章編輯器 選 新版文章編輯器> 儲存設定.
2.版面配置> 網頁元素> 在網誌文章按 編輯> 在張貼頁面連結顯示文字: 填上 繼續閱讀 >> 儲存.
就這樣即可設定完成 繼續閱讀 功能
以後在你發新文章時,便可在文章中插入要繼續閱讀的圖案囉~~
給圖你看繼續閱讀的圖案大約的位置,點此連結>> 繼續閱讀的圖
按這裡免費體驗系統 》》》 Vemmabuilder
加入試用後,請與我聯絡,讓我引導你如何使用自動賺錢系統!SKYPE:tony_223e-mail:vemma228@gmail.comMSN:tony_223@yahoo.com
加入試用後,請與我聯絡,讓我引導你如何使用自動賺錢系統!
SKYPE:tony_223
e-mail:vemma228@gmail.com
MSN:tony_223@yahoo.com
vemma Tony Ng | tony_223 | vemmastar | 免費視訊 | vemma 果汁 | vemmabuilder | vemma backoffice | vemma 維瑪 | vemma thirst | vemmaasia | 網路創業 | 美商維瑪 |vemma opp | vemma 獎金制度 | vemma taiwan |vemma malaysia | 直銷 vemma | 台灣維瑪 vemma |馬來西亞維瑪 vemma | 美商 vemma | 網路行銷 | 在家工作 | 兼職 | 電子商務 | 創業商機 | 網路工作 | Angel | APLUS | i-vemma | 兔兔電腦教室 | 網路賺錢方法 | 網路賺錢法 | 在家創業 | soho族 | 在家工作系統 | 網路創業賺錢 | 網路商機 | 居家創業 | 在家工作賺錢 | 在家工作兼職| 在家創業系統
没有评论:
发表评论