Ads 468x60px

##EasyReadMore##

23 2月, 2017

[Blogger] 自動加入閱讀更多加強版 (read more)

之前 [Blogger] 在第三方佈景自動加入閱讀更多(read more) - 因為在文章中有嵌入程式碼的時候
文章會亂掉 而且圖片會縮成固定大小
所以找了一個新的來試試

安裝步驟:

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

  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>  
  2. <script src="https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/cjh829-easy-read-more/cjh829-easy-read-more-2.2.1.js" type="text/javascript"></script>  
  3. <script>  
  4. EasyReadMoreSettings.Enabled = true;  
  5. EasyReadMoreSettings.Read_More_Mode = 'mix';  
  6. EasyReadMoreSettings.Mode_Auto_MaxLine = 3;  
  7. EasyReadMoreSettings.Mode_Custom_Tag_Type = 'text';  
  8. EasyReadMoreSettings.Mode_Custom_Tag_Expr = '##ReadMore##';  
  9. EasyReadMoreSettings.Link_Style = 'directlink';  
  10. EasyReadMoreSettings.Link_Text = '...繼續閱讀';  
  11. EasyReadMoreSettings.Link_Text_title = '繼續閱讀';  
  12. EasyReadMoreSettings.Collapse_Link_Text = '顯示摘要...';  
  13. EasyReadMoreSettings.Collapse_Link_Text_title = '顯示摘要';  
  14. EasyReadMoreSettings.Collapse_MoveToEnd = false;  
  15. EasyReadMoreSettings.Collapse_ScrollBack_Target = 'title';  
  16. EasyReadMoreSettings.Collapse_Effect = 'none';  
  17. EasyReadMoreSettings.Collapse_Effect_Speed = 'normal';  
  18. EasyReadMoreSettings.Index_Page_Style = 'abstract';  
  19. EasyReadMoreSettings.Tag_Page_Style = 'abstract';  
  20. EasyReadMoreSettings.Archive_Page_Style = 'abstract';  
  21. EasyReadMoreSettings.Controller_Enabled = true;  
  22. EasyReadMoreSettings.Controller_Default_Position = true;  
  23. EasyReadMoreSettings.Controller_Splitter = ' | ';  
  24. EasyReadMoreSettings.Controller_Full_Text = '完整';  
  25. EasyReadMoreSettings.Controller_Abstract_Text = '摘要';  
  26. EasyReadMoreSettings.Controller_Title_Text = '標題';  
  27. EasyReadMoreSettings.ShowFullPost_Tag = '##ShowAll##';  
  28. </script>  
  29. <script>EasyReadMore.main()</script>  

詳細的參數設定可參考原作者的網站:

繼續閱讀懶人加強版: [BLOGGER]繼續閱讀懶人加強版 - [版本2.x]參數設定說明 - https://goo.gl/bSQIog

繼續閱讀懶人加強版: [BLOGGER]繼續閱讀懶人加強版 - [版本2.x]安裝教學 - https://goo.gl/8F8ORt

0 意見:

張貼留言

 
Blogger Templates