Diff
checker
文本
文本
图像
文档
Excel
文件夹
Legal
Enterprise
桌面版
定价
登录
下载 Diffchecker 桌面版
比较文本
查找两个文本文件之间的差异
工具
历史
实时编辑器
隐藏空白更改
折叠未更改行
关闭换行
视图
拆分
统一
比对精度
智能
单词
字符
文本样式
更改外观
语法高亮
选择语法
忽略
文本转换
转到第一个差异
编辑输入
Diffchecker Desktop
运行Diffchecker最安全的方式。获取Diffchecker桌面应用:您的差异永远不会离开您的电脑!
获取桌面版
Tricktree FB v3.3 → v3.4
创建于
4年前
差异永不过期
清除
导出
分享
解释
13 删除
行
总计
删除
字符
总计
删除
要继续使用此功能,请升级到
Diff
checker
Pro
查看价格
445 行
全部复制
12 添加
行
总计
添加
字符
总计
添加
要继续使用此功能,请升级到
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.
3
Version : 3.
4
----------------------------------------------- */
----------------------------------------------- */
/*== 初期化 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;
}
}
复制
已复制
复制
已复制
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);
--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;
}
}
复制
已复制
复制
已复制
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"] {
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>
<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>
<!-- モード切替え -->
<!-- モード切替え -->
<div class='switch'>
<div class='switch'>
<input id='js_mode_toggle' type='checkbox'/>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<span id='switch-mode-dark' title='ダークモード'>
<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>
<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>
<span id='switch-mode-light' title='ライトモード'>
<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>
<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>
</span>
</label>
</label>
</div>
</div>
<script>//<![CDATA[
<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"))});
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>
<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.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='"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.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>
查找差异