比較文本

尋找兩個文字檔案之間的差異

即時編輯器

隱藏空白變更

摺疊未變更行

關閉換行

檢視

比對精度

文字樣式

語法突出顯示

Diffchecker Desktop 執行Diffchecker最安全的方式。取得Diffchecker桌面應用程式：您的差異永遠不會離開您的電腦！取得桌面版

Tricktree FB v3.3 → v3.4

建立於 4 年前差異永不過期

13 刪除

行
總計
刪除

字符
總計
刪除

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

445 行

12 新增

行
總計
新增

字符
總計
新增

要繼續使用此功能，請升級到 Diffchecker Pro 查看價格

445 行

<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<head>

<b:if cond='data:view.isPage'>

<b:else/>

</b:if>

<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>

-----------------------------------------------

Blogger Template Style

Name : Tricktree FB

Base Designer : F(uriouz)

URL : https://trick-tree.blogspot.com/

Modified by : Fujiyan & BINUBALL

Version : 3.3

Version : 3.4

----------------------------------------------- */

/*== 初期化 CSS ==*/

html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}

/*== メインコンテンツ ==*/

body {

font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;

color: var(--font);

background: var(--bg-color);

padding: 3em 1em 0;

margin: 0;

}

a {

text-decoration: none;

color: var(--font);

transition: .3s;

}

a:hover {

color: var(--link-color);

}

#Image1 {

text-align: center;

}

img.profile-picture {

height: 100px;

width: 100px;

object-fit: cover;

border-radius: 50%;

}

.profile-name {

display: block;

font-size: 2rem;

font-weight: bold;

line-height: 1em;

text-align: center;

padding: 1.2em 0;

}

#profile-text {

color: var(--dark-font);

font-weight: normal;

font-size: 1.3rem;

margin-top: 1.3em;

}

.linksWrap {

width: 1200px;

max-width: 100%;

margin: 1em auto 4em;

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.linksWrap::after {

display: block;

content: "";

width: 32%;

}

.links {

text-align: center;

font-size: 1.6rem;

line-height: 1em;

padding: 1.3em;

margin: 0 0 1.5em;

background: linear-gradient(to bottom, var(--brand2), var(--brand));

flex-basis: 32%;

word-break: normal;

border-radius: 40px;

}

.links:hover {

color: var(--font);

box-shadow: 8px 8px 10px var(--shadow);

}

@media (max-width: 1024px) {

.links {

flex-basis: 48%;

}

@media (max-width: 600px) {

.links {

flex-basis: 100%;

}

#footer {

text-align: center;

font-size: 2rem;

margin: 1em 0 2em;

}

Text moved with changes to lines 132-142 (94.6% similarity)

/*== ライトモード配色 ==*/

:root {

--bg-color: linear-gradient(to bottom, #fff, lightblue);

--font: #333;

--dark-font: #666;

--link-color: royalblue;

--brand: #afddfa;

--brand2: lightskyblue;

--shadow: #ccc;

}

/*== ダークモード配色 ==*/

:root[data-theme-mode="dark"] {

:root {

--bg-color: linear-gradient(to bottom, #346, #013);

--font: #eee;

--dark-font: #c0c0c0;

--link-color: deepskyblue;

--brand: dodgerblue;

--brand2: #1e50a2;

--shadow: #000;

}

Text moved with changes from lines 121-131 (94.6% similarity)

/*== ライトモード配色 ==*/

:root[data-theme-mode="light"] {

--bg-color: linear-gradient(to bottom, #fff, lightblue);

--font: #333;

--dark-font: #666;

--link-color: royalblue;

--brand: #afddfa;

--brand2: lightskyblue;

--shadow: #ccc;

}

/*== モード切替ボタン ==*/

input[type="checkbox"] {

display: none;

}

.switch {

position: fixed;

top: 2em;

right: 3em;

}

.switch label {

cursor: pointer;

}

.switch svg {

height: 24px;

width: 24px;

color: var(--dark-font);

transition: .3s;

}

.switch svg:hover {

color: var(--font);

}

#switch-mode-dark svg {

transform: scale(-1, 1);

}

#switch-mode-dark {

display: none;

}

#js_mode_toggle:checked ~ label #switch-mode-dark {

display: initial;

}

#js_mode_toggle:checked ~ label #switch-mode-light {

display: none;

}

/*== 固定ページ ==*/

.page {

font-size: 1.6rem;

line-height: 1.7;

max-width: 800px;

margin: 3em auto 5em;

}

.post-body p {

margin: 2em 0;

}

.page-title {

font-size: 2.5rem;

text-align: center;

font-weight: bold;

margin-bottom: 1em;

}

.post-body a {

color: var(--link-color);

text-decoration: underline!important;

}

.home-link {

text-align: center;

font-size: 1.8rem;

font-weight: bold;

}

.home-link a {

color: var(--link-color);

}

.icon-action {

vertical-align: middle;

}

/*]]>*/</style>

<b:if cond='data:view.isLayoutMode'>

<b:template-skin><![CDATA[

body#layout {

background: #fff;

}

body#layout .section h4 {

background: dodgerblue;

color: #fff;

text-align: center;

padding: .5em;

border-radius: 20px;

}

]]></b:template-skin>

</b:if>

</head>

<body>

<b:if cond='data:view.isPage'>

<b:section id='ページ'>

<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='commentLabel'/>

<b:widget-setting name='showShareButtons'>false</b:widget-setting>

<b:widget-setting name='authorLabel'/>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='timestampLabel'/>

<b:widget-setting name='reactionsLabel'/>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLocation'>false</b:widget-setting>

<b:widget-setting name='showTimestamp'>false</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showDateHeader'>false</b:widget-setting>

<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>

<b:widget-setting name='showCommentLink'>false</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>

<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>

<b:widget-setting name='showAuthor'>false</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showLabels'>false</b:widget-setting>

<b:widget-setting name='postLabelsLabel'/>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:loop index='i' values='data:posts' var='post'>

<b:include data='post' name='postCommentsAndAd'/>

</b:loop>

</b:includable>

<b:includable id='aboutPostAuthor'/>

<b:includable id='addComments'/>

<b:includable id='blogThisShare'/>

<b:includable id='bylineByName' var='byline'/>

<b:includable id='bylineRegion' var='regionItems'/>

<b:includable id='commentAuthorAvatar'/>

<b:includable id='commentDeleteIcon' var='comment'/>

<b:includable id='commentForm' var='post'/>

<b:includable id='commentFormIframeSrc' var='post'/>

<b:includable id='commentItem' var='comment'/>

<b:includable id='commentList' var='comments'/>

<b:includable id='commentPicker' var='post'/>

<b:includable id='comments' var='post'/>

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='commentsTitle'/>

<b:includable id='defaultAdUnit'/>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='feedLinks'/>

<b:includable id='feedLinksBody' var='links'/>

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='homePageLink'/>

<b:includable id='iframeComments' var='post'/>

<b:includable id='inlineAd' var='post'/>

<b:includable id='linkShare'/>

<b:includable id='nextPageLink'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

<b:includable id='post' var='post'>

<b:include data='post' name='postTitle'/>

<b:if cond='data:view.isPage'>

<b:include data='post' name='postBody'/>

</b:if>

</div>

<data:messages.home/>

</a>

</div>

</b:includable>

<b:includable id='postAuthor'/>

<b:includable id='postBody' var='post'>

<data:post.body/>

</div>

</b:includable>

<b:includable id='postBodySnippet' var='post'/>

<b:includable id='postCommentsAndAd' var='post'>

<b:include data='post' name='post'/>

</b:includable>

<b:includable id='postCommentsLink'/>

<b:includable id='postFooter' var='post'/>

<b:includable id='postFooterAuthorProfile' var='post'/>

<b:includable id='postHeader' var='post'/>

<b:includable id='postJumpLink' var='post'/>

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

<b:includable id='postMeta' var='post'/>

<b:includable id='postMetadataJSONImage'/>

<b:includable id='postMetadataJSONPublisher'/>

<b:includable id='postPagination'/>

<b:includable id='postQuickEdit' var='post'>

</span>

</b:includable>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

<b:includable id='postTitle' var='post'>

<b:include data='post' name='postQuickEdit'/>

<data:post.title/>

</div>

</b:includable>

<b:includable id='previousPageLink'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

<b:includable id='threadedCommentForm' var='post'/>

<b:includable id='threadedCommentJs' var='post'/>

<b:includable id='threadedComments' var='post'/>

</b:widget>

</b:section>

<b:else/>

<b:section id='ユーザー' preferred='yes' showaddelement='yes'>

<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>

<b:widget-setting name='displayHeight'>200</b:widget-setting>

<b:widget-setting name='sectionWidth'>1059</b:widget-setting>

<b:widget-setting name='shrinkToFit'>true</b:widget-setting>

<b:widget-setting name='displayWidth'>200</b:widget-setting>

<b:widget-setting name='link'/>

<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<b:tag cond='data:link' expr:href='data:link' name='a'>

</b:tag>

<b:if cond='data:caption'>

<data:caption/>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='content'>

<b:tag cond='data:link' expr:href='data:link' name='a'>

<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>

</img>

</b:tag>

<br/>

<b:if cond='data:caption'>

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section id='リンクリスト'>

<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>

<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:loop values='data:links' var='link'>

</b:loop>

</div>

</b:includable>

<b:includable id='content'/>

<b:includable id='overflowButton'/>

<b:includable id='overflowablePageList'/>

<b:includable id='pageLink'/>

<b:includable id='pageList'/>

</b:widget>

</b:section>

</b:if>

<b:section id='フッター'>

<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>

<b:widget-settings>

<b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</span>

</span>

</label>

</div>

<script>//<![CDATA[

//]]>

</script>

<script>//<![CDATA[

function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());

//]]>

</script>

</body>

</html>

已保存差異

原始文本

開啟檔案

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<head>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
  <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
  <meta content='blogger' name='generator'/>
  
<b:if cond='data:view.isPage'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <title><data:blog.title/></title>
</b:if>
  <meta expr:content='data:view.description.escaped' name='description'/>
  
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:blog.title' property='og:site_name'/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <meta content='OGP画像URL' property='og:image'/>
  <meta content='website' property='og:type'/>
  <meta content='summary' name='twitter:card'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<style>/*<![CDATA[*/
/*
-----------------------------------------------
Blogger Template Style
Name				: Tricktree FB
Base Designer	: F(uriouz)
URL					: https://trick-tree.blogspot.com/
Modified by		: Fujiyan & BINUBALL
Version				: 3.3
----------------------------------------------- */

/*== 初期化 CSS ==*/
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}

/*== メインコンテンツ ==*/
body {
  font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  color: var(--font);
  background: var(--bg-color);
  padding: 3em 1em 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: var(--font);
  transition: .3s;
}
a:hover {
  color: var(--link-color);
}
#Image1 {
  text-align: center;
}
img.profile-picture {
  height: 100px;
  width: 100px;
  object-fit: cover;
  border-radius: 50%;
}
.profile-name {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  padding: 1.2em 0;
}
#profile-text {
  color: var(--dark-font);
  font-weight: normal;
  font-size: 1.3rem;
  margin-top: 1.3em;
}
.linksWrap {
  width: 1200px;
  max-width: 100%;
  margin: 1em auto 4em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.linksWrap::after {
  display: block;
  content: "";
  width: 32%;
}
.links {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1em;
  padding: 1.3em;
  margin: 0 0 1.5em;
  background: linear-gradient(to bottom, var(--brand2), var(--brand));
  flex-basis: 32%;
  word-break: normal;
  border-radius: 40px;
}
.links:hover {
  color: var(--font);
  box-shadow: 8px 8px 10px var(--shadow);
}
@media (max-width: 1024px) {
  .links {
    flex-basis: 48%;
  }
}
@media (max-width: 600px) {
  .links {
    flex-basis: 100%;
  }
}
#footer {
  text-align: center;
  font-size: 2rem;
  margin: 1em 0 2em;
}

/*== ライトモード配色 ==*/
:root {
  --bg-color: linear-gradient(to bottom, #fff, lightblue);
  --font: #333;
  --dark-font: #666;
  --link-color: royalblue;
  --brand: #afddfa;
  --brand2: lightskyblue;
  --shadow: #ccc;
}

/*== ダークモード配色 ==*/
:root[data-theme-mode="dark"] {
  --bg-color: linear-gradient(to bottom, #346, #013);
  --font: #eee;
  --dark-font: #c0c0c0;
  --link-color: deepskyblue;
  --brand: dodgerblue;
  --brand2: #1e50a2;
  --shadow: #000;
}

/*== モード切替ボタン ==*/
input[type="checkbox"] {
  display: none;
}
.switch {
  position: fixed;
  top: 2em;
  right: 3em;
}
.switch label {
  cursor: pointer;
}
.switch svg {
  height: 24px;
  width: 24px;
  color: var(--dark-font);
  transition: .3s;
}
.switch svg:hover {
  color: var(--font);
}
#switch-mode-dark svg {
  transform: scale(-1, 1);
}
#switch-mode-dark {
  display: none;
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
  display: initial;
}
#js_mode_toggle:checked ~ label #switch-mode-light {
  display: none;
}

/*== 固定ページ ==*/
.page {
  font-size: 1.6rem;
  line-height: 1.7;
  max-width: 800px;
  margin: 3em auto 5em;
}
.post-body p {
  margin: 2em 0;
}
.page-title {
  font-size: 2.5rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}
.post-body a {
  color: var(--link-color);
  text-decoration: underline!important;
}
.home-link {
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.home-link a {
  color: var(--link-color);
}
.icon-action {
  vertical-align: middle;
}
/*]]>*/</style>
<b:if cond='data:view.isLayoutMode'>
  <b:template-skin><![CDATA[
body#layout {
  background: #fff;
}
body#layout .section h4 {
  background: dodgerblue;
  color: #fff;
  text-align: center;
  padding: .5em;
  border-radius: 20px;
}
  ]]></b:template-skin>
</b:if>
</head>
<body>
  <b:if cond='data:view.isPage'>
  <b:section id='ページ'>
    <b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='commentLabel'/>
        <b:widget-setting name='showShareButtons'>false</b:widget-setting>
        <b:widget-setting name='authorLabel'/>
        <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
        <b:widget-setting name='timestampLabel'/>
        <b:widget-setting name='reactionsLabel'/>
        <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
        <b:widget-setting name='style.layout'>1x1</b:widget-setting>
        <b:widget-setting name='showLocation'>false</b:widget-setting>
        <b:widget-setting name='showTimestamp'>false</b:widget-setting>
        <b:widget-setting name='postsPerAd'>1</b:widget-setting>
        <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='showDateHeader'>false</b:widget-setting>
        <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
        <b:widget-setting name='showCommentLink'>false</b:widget-setting>
        <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
        <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
        <b:widget-setting name='showAuthor'>false</b:widget-setting>
        <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
        <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='showLabels'>false</b:widget-setting>
        <b:widget-setting name='postLabelsLabel'/>
        <b:widget-setting name='showBacklinks'>false</b:widget-setting>
        <b:widget-setting name='showInlineAds'>false</b:widget-setting>
        <b:widget-setting name='showReactions'>false</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main' var='this'>
    <b:loop index='i' values='data:posts' var='post'>
      <b:include data='post' name='postCommentsAndAd'/>
    </b:loop>
</b:includable>
      <b:includable id='aboutPostAuthor'/>
      <b:includable id='addComments'/>
      <b:includable id='blogThisShare'/>
      <b:includable id='bylineByName' var='byline'/>
      <b:includable id='bylineRegion' var='regionItems'/>
      <b:includable id='commentAuthorAvatar'/>
      <b:includable id='commentDeleteIcon' var='comment'/>
      <b:includable id='commentForm' var='post'/>
      <b:includable id='commentFormIframeSrc' var='post'/>
      <b:includable id='commentItem' var='comment'/>
      <b:includable id='commentList' var='comments'/>
      <b:includable id='commentPicker' var='post'/>
      <b:includable id='comments' var='post'/>
      <b:includable id='commentsLink'/>
      <b:includable id='commentsLinkIframe'/>
      <b:includable id='commentsTitle'/>
      <b:includable id='defaultAdUnit'/>
      <b:includable id='emailPostIcon'/>
      <b:includable id='facebookShare'/>
      <b:includable id='feedLinks'/>
      <b:includable id='feedLinksBody' var='links'/>
      <b:includable id='footerBylines'/>
      <b:includable id='googlePlusShare'/>
      <b:includable id='headerByline'/>
      <b:includable id='homePageLink'/>
      <b:includable id='iframeComments' var='post'/>
      <b:includable id='inlineAd' var='post'/>
      <b:includable id='linkShare'/>
      <b:includable id='nextPageLink'/>
      <b:includable id='otherSharingButton'/>
      <b:includable id='platformShare'/>
      <b:includable id='post' var='post'>
  <div class='page'>
    <b:include data='post' name='postTitle'/>
    <b:if cond='data:view.isPage'>
      <b:include data='post' name='postBody'/>
    </b:if>
  </div>
  <div class='home-link'>
    <a expr:href='data:blog.homepageUrl'>
     <data:messages.home/>
    </a>
  </div>
</b:includable>
      <b:includable id='postAuthor'/>
      <b:includable id='postBody' var='post'>
  <div class='post-body' expr:id='&quot;post-body-&quot; + data:post.id'>
    <data:post.body/>
  </div>
</b:includable>
      <b:includable id='postBodySnippet' var='post'/>
      <b:includable id='postCommentsAndAd' var='post'>
      <b:include data='post' name='post'/>
</b:includable>
      <b:includable id='postCommentsLink'/>
      <b:includable id='postFooter' var='post'/>
      <b:includable id='postFooterAuthorProfile' var='post'/>
      <b:includable id='postHeader' var='post'/>
      <b:includable id='postJumpLink' var='post'/>
      <b:includable id='postLabels'/>
      <b:includable id='postLocation'/>
      <b:includable id='postMeta' var='post'/>
      <b:includable id='postMetadataJSONImage'/>
      <b:includable id='postMetadataJSONPublisher'/>
      <b:includable id='postPagination'/>
      <b:includable id='postQuickEdit' var='post'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='data:blog.bloggerUrl + &quot;/blog/page/edit/&quot; + data:blog.blogId + &quot;/&quot; + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a>
</span>
</b:includable>
      <b:includable id='postReactions'/>
      <b:includable id='postShareButtons'/>
      <b:includable id='postTimestamp'/>
      <b:includable id='postTitle' var='post'>
    <div class='page-title'>
      <b:include data='post' name='postQuickEdit'/>
        <data:post.title/>
    </div>
</b:includable>
      <b:includable id='previousPageLink'/>
      <b:includable id='sharingButton'/>
      <b:includable id='sharingButtonContent'/>
      <b:includable id='sharingButtons'/>
      <b:includable id='sharingButtonsMenu'/>
      <b:includable id='sharingPlatformIcon'/>
      <b:includable id='threadedCommentForm' var='post'/>
      <b:includable id='threadedCommentJs' var='post'/>
      <b:includable id='threadedComments' var='post'/>
    </b:widget>
  </b:section>
    <b:else/>
  <b:section id='ユーザー' preferred='yes' showaddelement='yes'>
    <b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>
        <b:widget-setting name='displayHeight'>200</b:widget-setting>
        <b:widget-setting name='sectionWidth'>1059</b:widget-setting>
        <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
        <b:widget-setting name='displayWidth'>200</b:widget-setting>
        <b:widget-setting name='link'/>
        <b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
        <b:if cond='data:title != &quot;&quot;'>
        </b:if>
        <div class='widget-content'>
          <b:tag cond='data:link' expr:href='data:link' name='a'>
            <img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
          </b:tag>
          <b:if cond='data:caption'>
            <div class='profile-name'>
              <data:caption/>
            </div>
          </b:if>
        </div>
      </b:includable>
      <b:includable id='content'>
  <div class='widget-content'>
    <b:tag cond='data:link' expr:href='data:link' name='a'>
      <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'>
        <b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
      </img>
    </b:tag>
    <br/>
    <b:if cond='data:caption'>
      <span class='caption'><data:caption/></span>
    </b:if>
  </div>
</b:includable>
    </b:widget>
  </b:section>
  <b:section id='リンクリスト'>
    <b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>
        <b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
      <div class='linksWrap'>
        <b:loop values='data:links' var='link'>
          <a class='links' expr:href='data:link.href'><data:link.title/></a>
        </b:loop>
      </div>
</b:includable>
      <b:includable id='content'/>
      <b:includable id='overflowButton'/>
      <b:includable id='overflowablePageList'/>
      <b:includable id='pageLink'/>
      <b:includable id='pageList'/>
    </b:widget>
  </b:section>
    </b:if>
  <b:section id='フッター'>
    <b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
        <div class='widget-content' id='footer'>
          <data:content/>
        </div>
      </b:includable>
    </b:widget>
  </b:section>
  
  <div class='switch'>
    <input id='js_mode_toggle' type='checkbox'/>
      <label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
        <span id='switch-mode-dark' title='ダークモード'>
          <svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
        </span>
        <span id='switch-mode-light' title='ライトモード'>
          <svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
      </span>
    </label>
  </div>
  <script>//<![CDATA[
    const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))});
    //]]>
  </script>
  <script>//<![CDATA[
    function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
    //]]>
  </script>
&lt;!--</body>--&gt;&lt;/body&gt;
</html>

更改後文本

開啟檔案

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/>
<head>
  <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
  <meta expr:content='&quot;text/html; charset=&quot; + data:blog.encoding' http-equiv='Content-Type'/>
  <meta content='blogger' name='generator'/>
  
<b:if cond='data:view.isPage'>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <title><data:blog.title/></title>
</b:if>
  <meta expr:content='data:view.description.escaped' name='description'/>
  
  <meta expr:content='data:blog.url.canonical' property='og:url'/>
  <meta expr:content='data:blog.title' property='og:site_name'/>
  <meta expr:content='data:blog.title' property='og:title'/>
  <meta expr:content='data:view.description.escaped' property='og:description'/>
  <meta content='OGP画像URL' property='og:image'/>
  <meta content='website' property='og:type'/>
  <meta content='summary' name='twitter:card'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<style>/*<![CDATA[*/
/*
-----------------------------------------------
Blogger Template Style
Name				: Tricktree FB
Base Designer	: F(uriouz)
URL					: https://trick-tree.blogspot.com/
Modified by		: Fujiyan & BINUBALL
Version				: 3.4
----------------------------------------------- */

/*== ダークモード配色 ==*/
:root {
  --bg-color: linear-gradient(to bottom, #346, #013);
  --font: #eee;
  --dark-font: #c0c0c0;
  --link-color: deepskyblue;
  --brand: dodgerblue;
  --brand2: #1e50a2;
  --shadow: #000;
}

/*== ライトモード配色 ==*/
:root[data-theme-mode="light"] {
  --bg-color: linear-gradient(to bottom, #fff, lightblue);
  --font: #333;
  --dark-font: #666;
  --link-color: royalblue;
  --brand: #afddfa;
  --brand2: lightskyblue;
  --shadow: #ccc;
}