SlideShare a Scribd company logo
1 of 1
Blogger 閱
        原本沒有「繼續 讀」,也就是文章展開和收合的功能。所幸網路上總是有了不起的人為大家撰寫免費程式碼,
彌補 Blogger 的缺點。雖然不同 template 有不同的做法,而且無法通用,不過我最後也找到了適合我的 Template 使用
閱
的「繼續 讀」功能。
做法是先進入編輯 html 區,勾選「Expand widget templates」,然後在標籤<head>之後插入下列 Java 程式碼:

<script type=quot;text/Javascriptquot;>
function hidePost(postUrl)
{
var label=document.getElementById(quot;fullpostquot;);
if(label!=null){
eA = document.createElement(quot;aquot;);
eA.setAttribute(quot;hrefquot;,postUrl);
eA.setAttribute(quot;titlequot;,quot;Read Morequot;);
eA.appendChild(document.createTextNode(quot;...Read Morequot;));
eB = document.createElement(quot;pquot;);
eB.setAttribute(quot;idquot;,quot;read-morequot;);
eB.appendChild(eA);
label.parentNode.appendChild(eB);
label.parentNode.removeChild(label);}
}
</script>

其中藍色的「Read More」字樣可自行修改。
接著,再找到 <p><data:post.body/></p>,用下面的程式碼取代它:

<p><data:post.body/></p>
<b:if cond='data:blog.pageType != quot;itemquot;'>
<b:if cond='data:post.url'>
<script type='text/javascript'>hidePost('<data:post.url/>');</script>
</b:if>
</b:if>

                                                 內
記得儲存上述變更。之後,只要在張貼文章時,輸入<div id=quot;fullpostquot;> </div>程式碼,將要隱藏的部份            容置於兩個標
                        內           閱
籤之間,即<div id=quot;fullpostquot;>要隱藏的 容</div>,便能完成「繼續 讀」的功能。

More Related Content

What's hot

WebアプリケーションフレームワークMojoの紹介
WebアプリケーションフレームワークMojoの紹介WebアプリケーションフレームワークMojoの紹介
WebアプリケーションフレームワークMojoの紹介Yuki Kimoto
 
레이 카와쿠보 레이아웃
레이 카와쿠보 레이아웃레이 카와쿠보 레이아웃
레이 카와쿠보 레이아웃ns0706
 
бешков Windows Power Shell Rootconf
бешков Windows Power Shell Rootconfбешков Windows Power Shell Rootconf
бешков Windows Power Shell RootconfLiudmila Li
 
Betacamp4.选秀
Betacamp4.选秀Betacamp4.选秀
Betacamp4.选秀rippleye
 
Betacamp4.选秀
Betacamp4.选秀Betacamp4.选秀
Betacamp4.选秀zhu02
 
期中報告
期中報告期中報告
期中報告s9489026
 
Subversionでバージョン管理を!
Subversionでバージョン管理を!Subversionでバージョン管理を!
Subversionでバージョン管理を!Ryuzo Yamamoto
 
溪山國小暨溪山里社區運動會紀實
溪山國小暨溪山里社區運動會紀實溪山國小暨溪山里社區運動會紀實
溪山國小暨溪山里社區運動會紀實meebox
 
変わる時代、変わらぬ思い
変わる時代、変わらぬ思い変わる時代、変わらぬ思い
変わる時代、変わらぬ思いHiromu Shioya
 
화요일엔 야썰을 읽겠어유
화요일엔 야썰을 읽겠어유화요일엔 야썰을 읽겠어유
화요일엔 야썰을 읽겠어유taeryun kim
 
wisutidarat
wisutidaratwisutidarat
wisutidaratrapterz
 
웹기획 V090528
웹기획 V090528웹기획 V090528
웹기획 V090528oros83
 
UMiP1.0 beta版出爐啦!!
UMiP1.0 beta版出爐啦!!UMiP1.0 beta版出爐啦!!
UMiP1.0 beta版出爐啦!!Mu Chun Wang
 
Web技術勉強会 第18回
Web技術勉強会 第18回Web技術勉強会 第18回
Web技術勉強会 第18回龍一 田中
 
ใบงานสำรวจตนเอง M68
ใบงานสำรวจตนเอง M68ใบงานสำรวจตนเอง M68
ใบงานสำรวจตนเอง M68paloy942
 

What's hot (20)

WebアプリケーションフレームワークMojoの紹介
WebアプリケーションフレームワークMojoの紹介WebアプリケーションフレームワークMojoの紹介
WebアプリケーションフレームワークMojoの紹介
 
第三讲
第三讲第三讲
第三讲
 
Palanju
PalanjuPalanju
Palanju
 
레이 카와쿠보 레이아웃
레이 카와쿠보 레이아웃레이 카와쿠보 레이아웃
레이 카와쿠보 레이아웃
 
бешков Windows Power Shell Rootconf
бешков Windows Power Shell Rootconfбешков Windows Power Shell Rootconf
бешков Windows Power Shell Rootconf
 
Dicon Hw
Dicon HwDicon Hw
Dicon Hw
 
Betacamp4.选秀
Betacamp4.选秀Betacamp4.选秀
Betacamp4.选秀
 
Betacamp4.选秀
Betacamp4.选秀Betacamp4.选秀
Betacamp4.选秀
 
期中報告
期中報告期中報告
期中報告
 
Subversionでバージョン管理を!
Subversionでバージョン管理を!Subversionでバージョン管理を!
Subversionでバージョン管理を!
 
溪山國小暨溪山里社區運動會紀實
溪山國小暨溪山里社區運動會紀實溪山國小暨溪山里社區運動會紀實
溪山國小暨溪山里社區運動會紀實
 
変わる時代、変わらぬ思い
変わる時代、変わらぬ思い変わる時代、変わらぬ思い
変わる時代、変わらぬ思い
 
화요일엔 야썰을 읽겠어유
화요일엔 야썰을 읽겠어유화요일엔 야썰을 읽겠어유
화요일엔 야썰을 읽겠어유
 
wisutidarat
wisutidaratwisutidarat
wisutidarat
 
地域サイト運営にあたって
地域サイト運営にあたって地域サイト運営にあたって
地域サイト運営にあたって
 
웹기획 V090528
웹기획 V090528웹기획 V090528
웹기획 V090528
 
wasn
wasnwasn
wasn
 
UMiP1.0 beta版出爐啦!!
UMiP1.0 beta版出爐啦!!UMiP1.0 beta版出爐啦!!
UMiP1.0 beta版出爐啦!!
 
Web技術勉強会 第18回
Web技術勉強会 第18回Web技術勉強会 第18回
Web技術勉強会 第18回
 
ใบงานสำรวจตนเอง M68
ใบงานสำรวจตนเอง M68ใบงานสำรวจตนเอง M68
ใบงานสำรวจตนเอง M68
 

Viewers also liked

Slot del Emprendedor Ana Fernández IDC Cloud 2013
Slot del Emprendedor Ana Fernández IDC Cloud 2013 Slot del Emprendedor Ana Fernández IDC Cloud 2013
Slot del Emprendedor Ana Fernández IDC Cloud 2013 Zyncro
 
Apostila auto cad 3d 2012 essencial
Apostila auto cad 3d 2012 essencialApostila auto cad 3d 2012 essencial
Apostila auto cad 3d 2012 essencialpinguleco
 
Page 2 Pequot Times
Page 2 Pequot TimesPage 2 Pequot Times
Page 2 Pequot Timesbrmedia
 
Wiki-Enabled Management
Wiki-Enabled ManagementWiki-Enabled Management
Wiki-Enabled Managementgeofcorb
 
Welcome 2009 & CNY
Welcome 2009 & CNYWelcome 2009 & CNY
Welcome 2009 & CNYteh K K
 
Business cards
Business cardsBusiness cards
Business cardsprographx
 
Co-Design workshop 2 - Help Seeking - Practice Managers
Co-Design workshop 2 - Help Seeking - Practice ManagersCo-Design workshop 2 - Help Seeking - Practice Managers
Co-Design workshop 2 - Help Seeking - Practice ManagersPatricia Santos
 
Design and Use: Tools and Trends in Design
Design and Use: Tools and Trends in DesignDesign and Use: Tools and Trends in Design
Design and Use: Tools and Trends in DesignPenny Hagen
 
Gold 360 - Guia para el alto desempeño
Gold 360 - Guia para el alto desempeñoGold 360 - Guia para el alto desempeño
Gold 360 - Guia para el alto desempeñoEduardo Sanchez
 
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IV
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IVENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IV
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IVIgor Bejarano
 
20170811-Linkedin-PitchDeck
20170811-Linkedin-PitchDeck20170811-Linkedin-PitchDeck
20170811-Linkedin-PitchDeckTerence Wong
 
Operations Specialist "A" School Certificate
Operations Specialist "A" School CertificateOperations Specialist "A" School Certificate
Operations Specialist "A" School CertificateScottBizz
 
天地禪院
天地禪院天地禪院
天地禪院foonkok
 
人生與對手
人生與對手人生與對手
人生與對手力恒 萧
 
Plan de trabajo por periodo 6
Plan de trabajo por periodo 6Plan de trabajo por periodo 6
Plan de trabajo por periodo 6Consuelo Garcia
 

Viewers also liked (20)

Slot del Emprendedor Ana Fernández IDC Cloud 2013
Slot del Emprendedor Ana Fernández IDC Cloud 2013 Slot del Emprendedor Ana Fernández IDC Cloud 2013
Slot del Emprendedor Ana Fernández IDC Cloud 2013
 
Rice 01
Rice 01Rice 01
Rice 01
 
Apostila auto cad 3d 2012 essencial
Apostila auto cad 3d 2012 essencialApostila auto cad 3d 2012 essencial
Apostila auto cad 3d 2012 essencial
 
Page 2 Pequot Times
Page 2 Pequot TimesPage 2 Pequot Times
Page 2 Pequot Times
 
Caravelas
CaravelasCaravelas
Caravelas
 
Wiki-Enabled Management
Wiki-Enabled ManagementWiki-Enabled Management
Wiki-Enabled Management
 
Welcome 2009 & CNY
Welcome 2009 & CNYWelcome 2009 & CNY
Welcome 2009 & CNY
 
Business cards
Business cardsBusiness cards
Business cards
 
LUGARES TURISTICOS DE ROBORE
LUGARES TURISTICOS DE ROBORELUGARES TURISTICOS DE ROBORE
LUGARES TURISTICOS DE ROBORE
 
Co-Design workshop 2 - Help Seeking - Practice Managers
Co-Design workshop 2 - Help Seeking - Practice ManagersCo-Design workshop 2 - Help Seeking - Practice Managers
Co-Design workshop 2 - Help Seeking - Practice Managers
 
Design and Use: Tools and Trends in Design
Design and Use: Tools and Trends in DesignDesign and Use: Tools and Trends in Design
Design and Use: Tools and Trends in Design
 
Gold 360 - Guia para el alto desempeño
Gold 360 - Guia para el alto desempeñoGold 360 - Guia para el alto desempeño
Gold 360 - Guia para el alto desempeño
 
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IV
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IVENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IV
ENSAYO SEGURIDAD NACIONAL MÉXICO. CAP. IV
 
20170811-Linkedin-PitchDeck
20170811-Linkedin-PitchDeck20170811-Linkedin-PitchDeck
20170811-Linkedin-PitchDeck
 
M&L 2012 - INgeBEELD - by An Feyfer
M&L 2012 - INgeBEELD - by An FeyferM&L 2012 - INgeBEELD - by An Feyfer
M&L 2012 - INgeBEELD - by An Feyfer
 
Operations Specialist "A" School Certificate
Operations Specialist "A" School CertificateOperations Specialist "A" School Certificate
Operations Specialist "A" School Certificate
 
天地禪院
天地禪院天地禪院
天地禪院
 
人生與對手
人生與對手人生與對手
人生與對手
 
Olympicterrace
OlympicterraceOlympicterrace
Olympicterrace
 
Plan de trabajo por periodo 6
Plan de trabajo por periodo 6Plan de trabajo por periodo 6
Plan de trabajo por periodo 6
 

Document

  • 1. Blogger 閱 原本沒有「繼續 讀」,也就是文章展開和收合的功能。所幸網路上總是有了不起的人為大家撰寫免費程式碼, 彌補 Blogger 的缺點。雖然不同 template 有不同的做法,而且無法通用,不過我最後也找到了適合我的 Template 使用 閱 的「繼續 讀」功能。 做法是先進入編輯 html 區,勾選「Expand widget templates」,然後在標籤<head>之後插入下列 Java 程式碼: <script type=quot;text/Javascriptquot;> function hidePost(postUrl) { var label=document.getElementById(quot;fullpostquot;); if(label!=null){ eA = document.createElement(quot;aquot;); eA.setAttribute(quot;hrefquot;,postUrl); eA.setAttribute(quot;titlequot;,quot;Read Morequot;); eA.appendChild(document.createTextNode(quot;...Read Morequot;)); eB = document.createElement(quot;pquot;); eB.setAttribute(quot;idquot;,quot;read-morequot;); eB.appendChild(eA); label.parentNode.appendChild(eB); label.parentNode.removeChild(label);} } </script> 其中藍色的「Read More」字樣可自行修改。 接著,再找到 <p><data:post.body/></p>,用下面的程式碼取代它: <p><data:post.body/></p> <b:if cond='data:blog.pageType != quot;itemquot;'> <b:if cond='data:post.url'> <script type='text/javascript'>hidePost('<data:post.url/>');</script> </b:if> </b:if> 內 記得儲存上述變更。之後,只要在張貼文章時,輸入<div id=quot;fullpostquot;> </div>程式碼,將要隱藏的部份 容置於兩個標 內 閱 籤之間,即<div id=quot;fullpostquot;>要隱藏的 容</div>,便能完成「繼續 讀」的功能。