Diff
checker
テキスト
テキスト
画像
ドキュメント
Excel
フォルダ
Legal
Enterprise
デスクトップ
料金
ログイン
Diffchecker デスクトップのダウンロード
テキスト比較
2 つのテキスト ファイルの違いを見つける
ツール
履歴
ライブエディター
空白の変更を非表示
未変更行を折りたたむ
折り返しなし
レイアウト
分割
統合
比較精度
スマート
単語
文字
テキストスタイル
外観を変更
シンタックスハイライト
構文を選択
無視
テキスト変換
最初の差分へ移動
入力を編集
Diffchecker Desktop
Diffcheckerを実行する最も安全な方法。Diffchecker Desktopアプリを入手:あなたの差分はコンピューターから出ることはありません!
Desktopを入手
Tricktree FB v3.4 → v3.5
作成日
4 年前
差分は期限切れになりません
クリア
エクスポート
共有
説明
17 削除
行
合計
削除
文字
合計
削除
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
445 行
すべてコピー
17 追加
行
合計
追加
文字
合計
追加
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
445 行
すべてコピー
<?xml version="1.0" encoding="UTF-8" ?>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<!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=''/>
<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>
<head>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/>
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='blogger' name='generator'/>
<!-- SEO -->
<!-- SEO -->
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:else/>
<title><data:blog.title/></title>
<title><data:blog.title/></title>
</b:if>
</b:if>
<meta expr:content='data:view.description.escaped' name='description'/>
<meta expr:content='data:view.description.escaped' name='description'/>
<!-- OGP -->
<!-- OGP -->
<meta expr:content='data:blog.url.canonical' property='og:url'/>
<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:site_name'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta expr:content='data:view.description.escaped' property='og:description'/>
<meta content='OGP画像URL' property='og:image'/>
<meta content='OGP画像URL' property='og:image'/>
<meta content='website' property='og:type'/>
<meta content='website' property='og:type'/>
<meta content='summary' name='twitter:card'/>
<meta content='summary' name='twitter:card'/>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if>
<style>/*<![CDATA[*/
<style>/*<![CDATA[*/
/*
/*
-----------------------------------------------
-----------------------------------------------
Blogger Template Style
Blogger Template Style
Name : Tricktree FB
Name : Tricktree FB
Base Designer : F(uriouz)
Base Designer : F(uriouz)
URL : https://trick-tree.blogspot.com/
URL : https://trick-tree.blogspot.com/
Modified by : Fujiyan & BINUBALL
Modified by : Fujiyan & BINUBALL
コピー
コピー済み
コピー
コピー済み
Version : 3.
4
Version : 3.
5
----------------------------------------------- */
----------------------------------------------- */
/*== 初期化 CSS ==*/
/*== 初期化 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}
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 {
body {
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
color: var(--font);
color: var(--font);
background: var(--bg-color);
background: var(--bg-color);
padding: 3em 1em 0;
padding: 3em 1em 0;
margin: 0;
margin: 0;
}
}
a {
a {
text-decoration: none;
text-decoration: none;
color: var(--font);
color: var(--font);
transition: .3s;
transition: .3s;
}
}
a:hover {
a:hover {
color: var(--link-color);
color: var(--link-color);
}
}
#Image1 {
#Image1 {
text-align: center;
text-align: center;
}
}
img.profile-picture {
img.profile-picture {
height: 100px;
height: 100px;
width: 100px;
width: 100px;
object-fit: cover;
object-fit: cover;
border-radius: 50%;
border-radius: 50%;
}
}
.profile-name {
.profile-name {
display: block;
display: block;
font-size: 2rem;
font-size: 2rem;
font-weight: bold;
font-weight: bold;
line-height: 1em;
line-height: 1em;
text-align: center;
text-align: center;
padding: 1.2em 0;
padding: 1.2em 0;
}
}
#profile-text {
#profile-text {
color: var(--dark-font);
color: var(--dark-font);
font-weight: normal;
font-weight: normal;
font-size: 1.3rem;
font-size: 1.3rem;
margin-top: 1.3em;
margin-top: 1.3em;
}
}
.linksWrap {
.linksWrap {
width: 1200px;
width: 1200px;
max-width: 100%;
max-width: 100%;
margin: 1em auto 4em;
margin: 1em auto 4em;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-between;
}
}
.linksWrap::after {
.linksWrap::after {
display: block;
display: block;
content: "";
content: "";
width: 32%;
width: 32%;
}
}
.links {
.links {
text-align: center;
text-align: center;
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1em;
line-height: 1em;
padding: 1.3em;
padding: 1.3em;
margin: 0 0 1.5em;
margin: 0 0 1.5em;
background: linear-gradient(to bottom, var(--brand2), var(--brand));
background: linear-gradient(to bottom, var(--brand2), var(--brand));
flex-basis: 32%;
flex-basis: 32%;
word-break: normal;
word-break: normal;
border-radius: 40px;
border-radius: 40px;
}
}
.links:hover {
.links:hover {
color: var(--font);
color: var(--font);
box-shadow: 8px 8px 10px var(--shadow);
box-shadow: 8px 8px 10px var(--shadow);
}
}
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.links {
.links {
flex-basis: 48%;
flex-basis: 48%;
}
}
}
}
@media (max-width: 600px) {
@media (max-width: 600px) {
.links {
.links {
flex-basis: 100%;
flex-basis: 100%;
}
}
}
}
#footer {
#footer {
text-align: center;
text-align: center;
font-size: 2rem;
font-size: 2rem;
margin: 1em 0 2em;
margin: 1em 0 2em;
}
}
/*== ダークモード配色 ==*/
/*== ダークモード配色 ==*/
:root {
:root {
--bg-color: linear-gradient(to bottom, #346, #013);
--bg-color: linear-gradient(to bottom, #346, #013);
--font: #eee;
--font: #eee;
--dark-font: #c0c0c0;
--dark-font: #c0c0c0;
--link-color: deepskyblue;
--link-color: deepskyblue;
--brand: dodgerblue;
--brand: dodgerblue;
--brand2: #1e50a2;
--brand2: #1e50a2;
--shadow: #000;
--shadow: #000;
}
}
/*== ライトモード配色 ==*/
/*== ライトモード配色 ==*/
:root[data-theme-mode="light"] {
:root[data-theme-mode="light"] {
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--font: #333;
--font: #333;
--dark-font: #666;
--dark-font: #666;
--link-color: royalblue;
--link-color: royalblue;
--brand: #afddfa;
--brand: #afddfa;
--brand2: lightskyblue;
--brand2: lightskyblue;
--shadow: #ccc;
--shadow: #ccc;
}
}
/*== モード切替ボタン ==*/
/*== モード切替ボタン ==*/
input[type="checkbox"] {
input[type="checkbox"] {
display: none;
display: none;
}
}
.switch {
.switch {
position: fixed;
position: fixed;
top: 2em;
top: 2em;
right: 3em;
right: 3em;
}
}
.switch label {
.switch label {
cursor: pointer;
cursor: pointer;
}
}
.switch svg {
.switch svg {
height: 24px;
height: 24px;
width: 24px;
width: 24px;
color: var(--dark-font);
color: var(--dark-font);
transition: .3s;
transition: .3s;
}
}
.switch svg:hover {
.switch svg:hover {
color: var(--font);
color: var(--font);
}
}
#switch-mode-dark svg {
#switch-mode-dark svg {
transform: scale(-1, 1);
transform: scale(-1, 1);
}
}
#switch-mode-dark {
#switch-mode-dark {
display: none;
display: none;
}
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
#js_mode_toggle:checked ~ label #switch-mode-dark {
display: initial;
display: initial;
}
}
#js_mode_toggle:checked ~ label #switch-mode-light {
#js_mode_toggle:checked ~ label #switch-mode-light {
display: none;
display: none;
}
}
/*== 固定ページ ==*/
/*== 固定ページ ==*/
.page {
.page {
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1.7;
line-height: 1.7;
max-width: 800px;
max-width: 800px;
margin: 3em auto 5em;
margin: 3em auto 5em;
}
}
.post-body p {
.post-body p {
margin: 2em 0;
margin: 2em 0;
}
}
.page-title {
.page-title {
font-size: 2.5rem;
font-size: 2.5rem;
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
margin-bottom: 1em;
margin-bottom: 1em;
}
}
.post-body a {
.post-body a {
color: var(--link-color);
color: var(--link-color);
text-decoration: underline!important;
text-decoration: underline!important;
}
}
.home-link {
.home-link {
text-align: center;
text-align: center;
font-size: 1.8rem;
font-size: 1.8rem;
font-weight: bold;
font-weight: bold;
}
}
.home-link a {
.home-link a {
color: var(--link-color);
color: var(--link-color);
}
}
.icon-action {
.icon-action {
vertical-align: middle;
vertical-align: middle;
}
}
/*]]>*/</style>
/*]]>*/</style>
<b:if cond='data:view.isLayoutMode'>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
<b:template-skin><![CDATA[
body#layout {
body#layout {
background: #fff;
background: #fff;
}
}
body#layout .section h4 {
body#layout .section h4 {
background: dodgerblue;
background: dodgerblue;
color: #fff;
color: #fff;
text-align: center;
text-align: center;
padding: .5em;
padding: .5em;
border-radius: 20px;
border-radius: 20px;
}
}
]]></b:template-skin>
]]></b:template-skin>
</b:if>
</b:if>
</head>
</head>
<body>
<body>
コピー
コピー済み
コピー
コピー済み
Text moved from lines 424-439
<!-- モード切替え -->
<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>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:section id='ページ'>
<b:section id='ページ'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</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='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>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='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</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='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</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='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</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='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='showAuthor'>false</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.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</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='showLabels'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:includable id='main' var='this'>
<b:loop index='i' values='data:posts' var='post'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:loop>
</b:includable>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'/>
<b:includable id='addComments'/>
<b:includable id='blogThisShare'/>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsTitle'/>
<b:includable id='commentsTitle'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='emailPostIcon'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='facebookShare'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='footerBylines'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='headerByline'/>
<b:includable id='homePageLink'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='linkShare'/>
<b:includable id='linkShare'/>
<b:includable id='nextPageLink'/>
<b:includable id='nextPageLink'/>
<b:includable id='otherSharingButton'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='platformShare'/>
<b:includable id='post' var='post'>
<b:includable id='post' var='post'>
<div class='page'>
<div class='page'>
<b:include data='post' name='postTitle'/>
<b:include data='post' name='postTitle'/>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:include data='post' name='postBody'/>
<b:include data='post' name='postBody'/>
</b:if>
</b:if>
</div>
</div>
<div class='home-link'>
<div class='home-link'>
<a expr:href='data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'>
<data:messages.home/>
<data:messages.home/>
</a>
</a>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postAuthor'/>
<b:includable id='postAuthor'/>
<b:includable id='postBody' var='post'>
<b:includable id='postBody' var='post'>
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<data:post.body/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'>
<b:includable id='postCommentsAndAd' var='post'>
<b:include data='post' name='post'/>
<b:include data='post' name='post'/>
</b:includable>
</b:includable>
<b:includable id='postCommentsLink'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postLocation'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postPagination'/>
<b:includable id='postPagination'/>
<b:includable id='postQuickEdit' var='post'>
<b:includable id='postQuickEdit' var='post'>
<span expr:class='"item-control " + data:post.adminClass'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + 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>
<a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + 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>
</span>
</b:includable>
</b:includable>
<b:includable id='postReactions'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTitle' var='post'>
<b:includable id='postTitle' var='post'>
<div class='page-title'>
<div class='page-title'>
<b:include data='post' name='postQuickEdit'/>
<b:include data='post' name='postQuickEdit'/>
<data:post.title/>
<data:post.title/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='previousPageLink'/>
<b:includable id='previousPageLink'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedComments' var='post'/>
<b:includable id='threadedComments' var='post'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:else/>
<b:else/>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget-settings>
<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='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='displayHeight'>200</b:widget-setting>
<b:widget-setting name='sectionWidth'>1059</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='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:title != ""'>
</b:if>
</b:if>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<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'/>
<img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
</b:tag>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<div class='profile-name'>
<div class='profile-name'>
<data:caption/>
<data:caption/>
</div>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'>
<b:includable id='content'>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<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 + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
</img>
</b:tag>
</b:tag>
<br/>
<br/>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
<span class='caption'><data:caption/></span>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:section id='リンクリスト'>
<b:section id='リンクリスト'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget-settings>
<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='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-setting name='homeTitle'>ホーム</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='linksWrap'>
<div class='linksWrap'>
<b:loop values='data:links' var='link'>
<b:loop values='data:links' var='link'>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
</b:loop>
</b:loop>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'/>
<b:includable id='content'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'/>
<b:includable id='pageLink'/>
<b:includable id='pageList'/>
<b:includable id='pageList'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
</b:if>
</b:if>
<b:section id='フッター'>
<b:section id='フッター'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget-settings>
<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-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:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='widget-content' id='footer'>
<div class='widget-content' id='footer'>
<data:content/>
<data:content/>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
コピー
コピー済み
コピー
コピー済み
Text moved to lines 225-240
<!-- モード切替え -->
<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[
<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());
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>
</script>
<!--</body>--></body>
<!--</body>--></body>
</html>
</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='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <!-- SEO --> <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'/> <!-- OGP --> <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 ----------------------------------------------- */ /*== 初期化 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, #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; } /*== モード切替ボタン ==*/ 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='"post-body-" + 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='"item-control " + data:post.adminClass'> <a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + 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 != ""'> </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 + "_img"' 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> <!--</body>--></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='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <!-- SEO --> <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'/> <!-- OGP --> <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.5 ----------------------------------------------- */ /*== 初期化 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, #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; } /*== モード切替ボタン ==*/ 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> <!-- モード切替え --> <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> <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='"post-body-" + 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='"item-control " + data:post.adminClass'> <a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + 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 != ""'> </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 + "_img"' 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> <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>--></body> </html>
違いを見つける