Texte vergleichen

Finde den Unterschied zwischen zwei Textdateien

Live-Editor

Leerzeichen ausblenden

Gleiches ausblenden

Zeilenumbruch aus

Ansicht

Vergleichsgenauigkeit

Textstile

Syntaxhervorhebung

Diffchecker Desktop Der sicherste Weg, Diffchecker zu nutzen. Hol dir die Desktop-App: Deine Diffs verlassen nie deinen Computer!Desktop holen

Tricktree FB v3.3 → v3.4

Erstellt vor 4 JahrenDiff läuft nie ab

13 Entfernungen

Zeilen
Gesamt
Entfernt

Zeichen
Gesamt
Entfernt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

445 Zeilen

12 Hinzufügungen

Zeilen
Gesamt
Hinzugefügt

Zeichen
Gesamt
Hinzugefügt

Um diese Funktion weiterhin zu nutzen, aktualisiere auf Diffchecker Pro Preise anzeigen

445 Zeilen

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

<!DOCTYPE html>

<head>

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

<b:else/>

</b:if>

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

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

Blogger Template Style

Name : Tricktree FB

Base Designer : F(uriouz)

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

Modified by : Fujiyan & BINUBALL

Version : 3.3

Version : 3.4

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

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

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

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

body {

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

color: var(--font);

background: var(--bg-color);

padding: 3em 1em 0;

margin: 0;

}

a {

text-decoration: none;

color: var(--font);

transition: .3s;

}

a:hover {

color: var(--link-color);

}

#Image1 {

text-align: center;

}

img.profile-picture {

height: 100px;

width: 100px;

object-fit: cover;

border-radius: 50%;

}

.profile-name {

display: block;

font-size: 2rem;

font-weight: bold;

line-height: 1em;

text-align: center;

padding: 1.2em 0;

}

#profile-text {

color: var(--dark-font);

font-weight: normal;

font-size: 1.3rem;

margin-top: 1.3em;

}

.linksWrap {

width: 1200px;

max-width: 100%;

margin: 1em auto 4em;

display: flex;

flex-wrap: wrap;

justify-content: space-between;

}

.linksWrap::after {

display: block;

content: "";

width: 32%;

}

.links {

text-align: center;

font-size: 1.6rem;

line-height: 1em;

padding: 1.3em;

margin: 0 0 1.5em;

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

flex-basis: 32%;

word-break: normal;

border-radius: 40px;

}

.links:hover {

color: var(--font);

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

}

@media (max-width: 1024px) {

.links {

flex-basis: 48%;

}

@media (max-width: 600px) {

.links {

flex-basis: 100%;

}

#footer {

text-align: center;

font-size: 2rem;

margin: 1em 0 2em;

}

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

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

:root {

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

--font: #333;

--dark-font: #666;

--link-color: royalblue;

--brand: #afddfa;

--brand2: lightskyblue;

--shadow: #ccc;

}

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

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

:root {

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

--font: #eee;

--dark-font: #c0c0c0;

--link-color: deepskyblue;

--brand: dodgerblue;

--brand2: #1e50a2;

--shadow: #000;

}

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

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

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

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

--font: #333;

--dark-font: #666;

--link-color: royalblue;

--brand: #afddfa;

--brand2: lightskyblue;

--shadow: #ccc;

}

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

input[type="checkbox"] {

display: none;

}

.switch {

position: fixed;

top: 2em;

right: 3em;

}

.switch label {

cursor: pointer;

}

.switch svg {

height: 24px;

width: 24px;

color: var(--dark-font);

transition: .3s;

}

.switch svg:hover {

color: var(--font);

}

#switch-mode-dark svg {

transform: scale(-1, 1);

}

#switch-mode-dark {

display: none;

}

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

display: initial;

}

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

display: none;

}

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

.page {

font-size: 1.6rem;

line-height: 1.7;

max-width: 800px;

margin: 3em auto 5em;

}

.post-body p {

margin: 2em 0;

}

.page-title {

font-size: 2.5rem;

text-align: center;

font-weight: bold;

margin-bottom: 1em;

}

.post-body a {

color: var(--link-color);

text-decoration: underline!important;

}

.home-link {

text-align: center;

font-size: 1.8rem;

font-weight: bold;

}

.home-link a {

color: var(--link-color);

}

.icon-action {

vertical-align: middle;

}

/*]]>*/</style>

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

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

body#layout {

background: #fff;

}

body#layout .section h4 {

background: dodgerblue;

color: #fff;

text-align: center;

padding: .5em;

border-radius: 20px;

}

]]></b:template-skin>

</b:if>

</head>

<body>

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

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

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

<b:widget-settings>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</b:widget-settings>

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

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

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

</b:loop>

</b:includable>

<b:includable id='aboutPostAuthor'/>

<b:includable id='addComments'/>

<b:includable id='blogThisShare'/>

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

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

<b:includable id='commentAuthorAvatar'/>

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

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

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

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

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

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

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

<b:includable id='commentsLink'/>

<b:includable id='commentsLinkIframe'/>

<b:includable id='commentsTitle'/>

<b:includable id='defaultAdUnit'/>

<b:includable id='emailPostIcon'/>

<b:includable id='facebookShare'/>

<b:includable id='feedLinks'/>

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

<b:includable id='footerBylines'/>

<b:includable id='googlePlusShare'/>

<b:includable id='headerByline'/>

<b:includable id='homePageLink'/>

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

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

<b:includable id='linkShare'/>

<b:includable id='nextPageLink'/>

<b:includable id='otherSharingButton'/>

<b:includable id='platformShare'/>

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

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

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

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

</b:if>

</div>

<data:messages.home/>

</a>

</div>

</b:includable>

<b:includable id='postAuthor'/>

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

<data:post.body/>

</div>

</b:includable>

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

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

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

</b:includable>

<b:includable id='postCommentsLink'/>

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

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

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

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

<b:includable id='postLabels'/>

<b:includable id='postLocation'/>

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

<b:includable id='postMetadataJSONImage'/>

<b:includable id='postMetadataJSONPublisher'/>

<b:includable id='postPagination'/>

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

</span>

</b:includable>

<b:includable id='postReactions'/>

<b:includable id='postShareButtons'/>

<b:includable id='postTimestamp'/>

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

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

<data:post.title/>

</div>

</b:includable>

<b:includable id='previousPageLink'/>

<b:includable id='sharingButton'/>

<b:includable id='sharingButtonContent'/>

<b:includable id='sharingButtons'/>

<b:includable id='sharingButtonsMenu'/>

<b:includable id='sharingPlatformIcon'/>

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

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

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

</b:widget>

</b:section>

<b:else/>

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

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

<b:widget-settings>

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

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

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

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

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

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

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

</b:widget-settings>

<b:includable id='main'>

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

</b:if>

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

</b:tag>

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

<data:caption/>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='content'>

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

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

</img>

</b:tag>

<br/>

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

</b:if>

</div>

</b:includable>

</b:widget>

</b:section>

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

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

<b:widget-settings>

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

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

</b:widget-settings>

<b:includable id='main'>

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

</b:loop>

</div>

</b:includable>

<b:includable id='content'/>

<b:includable id='overflowButton'/>

<b:includable id='overflowablePageList'/>

<b:includable id='pageLink'/>

<b:includable id='pageList'/>

</b:widget>

</b:section>

</b:if>

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

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

<b:widget-settings>

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

</b:widget-settings>

<b:includable id='main'>

<data:content/>

</div>

</b:includable>

</b:widget>

</b:section>

</span>

</span>

</label>

</div>

<script>//<![CDATA[

//]]>

</script>

<script>//<![CDATA[

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

//]]>

</script>

</body>

</html>

Gespeicherte Diffs

Originaltext

Datei öffnen

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

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

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

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

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

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

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

Bearbeitung

Datei öffnen

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

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

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