Diff
checker
Testo
Testo
Immagini
Documenti
Excel
Cartelle
Legal
Enterprise
Applicazione per desktop
Prezzi
Accedi
Scarica Diffchecker Desktop
Confronta il testo
Trova la differenza tra due file di testo
Strumenti
Cronologia
Editor live
Nascondi spazi bianchi
Comprimi invariate
Senza a capo
Layout
Diviso
Unificato
Livello di dettaglio
Intelligente
Parola
Carattere
Stili testo
Modifica aspetto
Evidenziazione sintassi
Scegli sintassi
Ignora
Trasforma testo
Vai alla prima modifica
Modifica input
Diffchecker Desktop
Il modo più sicuro per usare Diffchecker. Ottieni l'app Diffchecker Desktop: i tuoi diff non lasciano mai il tuo computer!
Ottieni Desktop
Tricktree FB v3.4 → v3.5
Creato
4 anni fa
Il diff non scade mai
Eliminare
Esporta
Condividere
Spiegare
17 rimozioni
Linee
Totale
Rimosso
Caratteri
Totale
Rimosso
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
445 linee
Copia tutti
17 aggiunte
Linee
Totale
Aggiunto
Caratteri
Totale
Aggiunto
Per continuare a utilizzare questa funzione, aggiorna a
Diff
checker
Pro
Visualizza prezzi
445 linee
Copia tutti
<?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
Copia
Copiato
Copia
Copiato
Version : 3.
4
Version : 3.
5
----------------------------------------------- */
----------------------------------------------- */
/*== 初期化 CSS ==*/
/*== 初期化 CSS ==*/
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}
html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em}
/*== メインコンテンツ ==*/
/*== メインコンテンツ ==*/
body {
body {
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
color: var(--font);
color: var(--font);
background: var(--bg-color);
background: var(--bg-color);
padding: 3em 1em 0;
padding: 3em 1em 0;
margin: 0;
margin: 0;
}
}
a {
a {
text-decoration: none;
text-decoration: none;
color: var(--font);
color: var(--font);
transition: .3s;
transition: .3s;
}
}
a:hover {
a:hover {
color: var(--link-color);
color: var(--link-color);
}
}
#Image1 {
#Image1 {
text-align: center;
text-align: center;
}
}
img.profile-picture {
img.profile-picture {
height: 100px;
height: 100px;
width: 100px;
width: 100px;
object-fit: cover;
object-fit: cover;
border-radius: 50%;
border-radius: 50%;
}
}
.profile-name {
.profile-name {
display: block;
display: block;
font-size: 2rem;
font-size: 2rem;
font-weight: bold;
font-weight: bold;
line-height: 1em;
line-height: 1em;
text-align: center;
text-align: center;
padding: 1.2em 0;
padding: 1.2em 0;
}
}
#profile-text {
#profile-text {
color: var(--dark-font);
color: var(--dark-font);
font-weight: normal;
font-weight: normal;
font-size: 1.3rem;
font-size: 1.3rem;
margin-top: 1.3em;
margin-top: 1.3em;
}
}
.linksWrap {
.linksWrap {
width: 1200px;
width: 1200px;
max-width: 100%;
max-width: 100%;
margin: 1em auto 4em;
margin: 1em auto 4em;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
justify-content: space-between;
}
}
.linksWrap::after {
.linksWrap::after {
display: block;
display: block;
content: "";
content: "";
width: 32%;
width: 32%;
}
}
.links {
.links {
text-align: center;
text-align: center;
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1em;
line-height: 1em;
padding: 1.3em;
padding: 1.3em;
margin: 0 0 1.5em;
margin: 0 0 1.5em;
background: linear-gradient(to bottom, var(--brand2), var(--brand));
background: linear-gradient(to bottom, var(--brand2), var(--brand));
flex-basis: 32%;
flex-basis: 32%;
word-break: normal;
word-break: normal;
border-radius: 40px;
border-radius: 40px;
}
}
.links:hover {
.links:hover {
color: var(--font);
color: var(--font);
box-shadow: 8px 8px 10px var(--shadow);
box-shadow: 8px 8px 10px var(--shadow);
}
}
@media (max-width: 1024px) {
@media (max-width: 1024px) {
.links {
.links {
flex-basis: 48%;
flex-basis: 48%;
}
}
}
}
@media (max-width: 600px) {
@media (max-width: 600px) {
.links {
.links {
flex-basis: 100%;
flex-basis: 100%;
}
}
}
}
#footer {
#footer {
text-align: center;
text-align: center;
font-size: 2rem;
font-size: 2rem;
margin: 1em 0 2em;
margin: 1em 0 2em;
}
}
/*== ダークモード配色 ==*/
/*== ダークモード配色 ==*/
:root {
:root {
--bg-color: linear-gradient(to bottom, #346, #013);
--bg-color: linear-gradient(to bottom, #346, #013);
--font: #eee;
--font: #eee;
--dark-font: #c0c0c0;
--dark-font: #c0c0c0;
--link-color: deepskyblue;
--link-color: deepskyblue;
--brand: dodgerblue;
--brand: dodgerblue;
--brand2: #1e50a2;
--brand2: #1e50a2;
--shadow: #000;
--shadow: #000;
}
}
/*== ライトモード配色 ==*/
/*== ライトモード配色 ==*/
:root[data-theme-mode="light"] {
:root[data-theme-mode="light"] {
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--bg-color: linear-gradient(to bottom, #fff, lightblue);
--font: #333;
--font: #333;
--dark-font: #666;
--dark-font: #666;
--link-color: royalblue;
--link-color: royalblue;
--brand: #afddfa;
--brand: #afddfa;
--brand2: lightskyblue;
--brand2: lightskyblue;
--shadow: #ccc;
--shadow: #ccc;
}
}
/*== モード切替ボタン ==*/
/*== モード切替ボタン ==*/
input[type="checkbox"] {
input[type="checkbox"] {
display: none;
display: none;
}
}
.switch {
.switch {
position: fixed;
position: fixed;
top: 2em;
top: 2em;
right: 3em;
right: 3em;
}
}
.switch label {
.switch label {
cursor: pointer;
cursor: pointer;
}
}
.switch svg {
.switch svg {
height: 24px;
height: 24px;
width: 24px;
width: 24px;
color: var(--dark-font);
color: var(--dark-font);
transition: .3s;
transition: .3s;
}
}
.switch svg:hover {
.switch svg:hover {
color: var(--font);
color: var(--font);
}
}
#switch-mode-dark svg {
#switch-mode-dark svg {
transform: scale(-1, 1);
transform: scale(-1, 1);
}
}
#switch-mode-dark {
#switch-mode-dark {
display: none;
display: none;
}
}
#js_mode_toggle:checked ~ label #switch-mode-dark {
#js_mode_toggle:checked ~ label #switch-mode-dark {
display: initial;
display: initial;
}
}
#js_mode_toggle:checked ~ label #switch-mode-light {
#js_mode_toggle:checked ~ label #switch-mode-light {
display: none;
display: none;
}
}
/*== 固定ページ ==*/
/*== 固定ページ ==*/
.page {
.page {
font-size: 1.6rem;
font-size: 1.6rem;
line-height: 1.7;
line-height: 1.7;
max-width: 800px;
max-width: 800px;
margin: 3em auto 5em;
margin: 3em auto 5em;
}
}
.post-body p {
.post-body p {
margin: 2em 0;
margin: 2em 0;
}
}
.page-title {
.page-title {
font-size: 2.5rem;
font-size: 2.5rem;
text-align: center;
text-align: center;
font-weight: bold;
font-weight: bold;
margin-bottom: 1em;
margin-bottom: 1em;
}
}
.post-body a {
.post-body a {
color: var(--link-color);
color: var(--link-color);
text-decoration: underline!important;
text-decoration: underline!important;
}
}
.home-link {
.home-link {
text-align: center;
text-align: center;
font-size: 1.8rem;
font-size: 1.8rem;
font-weight: bold;
font-weight: bold;
}
}
.home-link a {
.home-link a {
color: var(--link-color);
color: var(--link-color);
}
}
.icon-action {
.icon-action {
vertical-align: middle;
vertical-align: middle;
}
}
/*]]>*/</style>
/*]]>*/</style>
<b:if cond='data:view.isLayoutMode'>
<b:if cond='data:view.isLayoutMode'>
<b:template-skin><![CDATA[
<b:template-skin><![CDATA[
body#layout {
body#layout {
background: #fff;
background: #fff;
}
}
body#layout .section h4 {
body#layout .section h4 {
background: dodgerblue;
background: dodgerblue;
color: #fff;
color: #fff;
text-align: center;
text-align: center;
padding: .5em;
padding: .5em;
border-radius: 20px;
border-radius: 20px;
}
}
]]></b:template-skin>
]]></b:template-skin>
</b:if>
</b:if>
</head>
</head>
<body>
<body>
Copia
Copiato
Copia
Copiato
Text moved from lines 424-439
<!-- モード切替え -->
<div class='switch'>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<span id='switch-mode-dark' title='ダークモード'>
<svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
</span>
<span id='switch-mode-light' title='ライトモード'>
<svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
</span>
</label>
</div>
<script>//<![CDATA[
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))});
//]]>
</script>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:section id='ページ'>
<b:section id='ページ'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='commentLabel'/>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='authorLabel'/>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='timestampLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='showCommentLink'>false</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='showAuthor'>false</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='showLabels'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:includable id='main' var='this'>
<b:loop index='i' values='data:posts' var='post'>
<b:loop index='i' values='data:posts' var='post'>
<b:include data='post' name='postCommentsAndAd'/>
<b:include data='post' name='postCommentsAndAd'/>
</b:loop>
</b:loop>
</b:includable>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'/>
<b:includable id='addComments'/>
<b:includable id='blogThisShare'/>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsTitle'/>
<b:includable id='commentsTitle'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='defaultAdUnit'/>
<b:includable id='emailPostIcon'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='facebookShare'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='footerBylines'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='headerByline'/>
<b:includable id='homePageLink'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='linkShare'/>
<b:includable id='linkShare'/>
<b:includable id='nextPageLink'/>
<b:includable id='nextPageLink'/>
<b:includable id='otherSharingButton'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='platformShare'/>
<b:includable id='post' var='post'>
<b:includable id='post' var='post'>
<div class='page'>
<div class='page'>
<b:include data='post' name='postTitle'/>
<b:include data='post' name='postTitle'/>
<b:if cond='data:view.isPage'>
<b:if cond='data:view.isPage'>
<b:include data='post' name='postBody'/>
<b:include data='post' name='postBody'/>
</b:if>
</b:if>
</div>
</div>
<div class='home-link'>
<div class='home-link'>
<a expr:href='data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl'>
<data:messages.home/>
<data:messages.home/>
</a>
</a>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postAuthor'/>
<b:includable id='postAuthor'/>
<b:includable id='postBody' var='post'>
<b:includable id='postBody' var='post'>
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<div class='post-body' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<data:post.body/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'>
<b:includable id='postCommentsAndAd' var='post'>
<b:include data='post' name='post'/>
<b:include data='post' name='post'/>
</b:includable>
</b:includable>
<b:includable id='postCommentsLink'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'/>
<b:includable id='postLabels'/>
<b:includable id='postLocation'/>
<b:includable id='postLocation'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMeta' var='post'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONImage'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postMetadataJSONPublisher'/>
<b:includable id='postPagination'/>
<b:includable id='postPagination'/>
<b:includable id='postQuickEdit' var='post'>
<b:includable id='postQuickEdit' var='post'>
<span expr:class='"item-control " + data:post.adminClass'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a>
<a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a>
</span>
</span>
</b:includable>
</b:includable>
<b:includable id='postReactions'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTitle' var='post'>
<b:includable id='postTitle' var='post'>
<div class='page-title'>
<div class='page-title'>
<b:include data='post' name='postQuickEdit'/>
<b:include data='post' name='postQuickEdit'/>
<data:post.title/>
<data:post.title/>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='previousPageLink'/>
<b:includable id='previousPageLink'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedComments' var='post'/>
<b:includable id='threadedComments' var='post'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:else/>
<b:else/>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:section id='ユーザー' preferred='yes' showaddelement='yes'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>
<b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting>
<b:widget-setting name='displayHeight'>200</b:widget-setting>
<b:widget-setting name='displayHeight'>200</b:widget-setting>
<b:widget-setting name='sectionWidth'>1059</b:widget-setting>
<b:widget-setting name='sectionWidth'>1059</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='shrinkToFit'>true</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='displayWidth'>200</b:widget-setting>
<b:widget-setting name='link'/>
<b:widget-setting name='link'/>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
<b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:title != ""'>
</b:if>
</b:if>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
<img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:tag>
</b:tag>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<div class='profile-name'>
<div class='profile-name'>
<data:caption/>
<data:caption/>
</div>
</div>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'>
<b:includable id='content'>
<div class='widget-content'>
<div class='widget-content'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<b:tag cond='data:link' expr:href='data:link' name='a'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
<b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/>
</img>
</img>
</b:tag>
</b:tag>
<br/>
<br/>
<b:if cond='data:caption'>
<b:if cond='data:caption'>
<span class='caption'><data:caption/></span>
<span class='caption'><data:caption/></span>
</b:if>
</b:if>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
<b:section id='リンクリスト'>
<b:section id='リンクリスト'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>
<b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting>
<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
<b:widget-setting name='homeTitle'>ホーム</b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='linksWrap'>
<div class='linksWrap'>
<b:loop values='data:links' var='link'>
<b:loop values='data:links' var='link'>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
<a class='links' expr:href='data:link.href'><data:link.title/></a>
</b:loop>
</b:loop>
</div>
</div>
</b:includable>
</b:includable>
<b:includable id='content'/>
<b:includable id='content'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowButton'/>
<b:includable id='overflowablePageList'/>
<b:includable id='overflowablePageList'/>
<b:includable id='pageLink'/>
<b:includable id='pageLink'/>
<b:includable id='pageList'/>
<b:includable id='pageList'/>
</b:widget>
</b:widget>
</b:section>
</b:section>
</b:if>
</b:if>
<b:section id='フッター'>
<b:section id='フッター'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>
<b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting>
</b:widget-settings>
</b:widget-settings>
<b:includable id='main'>
<b:includable id='main'>
<div class='widget-content' id='footer'>
<div class='widget-content' id='footer'>
<data:content/>
<data:content/>
</div>
</div>
</b:includable>
</b:includable>
</b:widget>
</b:widget>
</b:section>
</b:section>
Copia
Copiato
Copia
Copiato
Text moved to lines 225-240
<!-- モード切替え -->
<div class='switch'>
<input id='js_mode_toggle' type='checkbox'/>
<label class='switch-mode' for='js_mode_toggle' id='js_rotate'>
<span id='switch-mode-dark' title='ダークモード'>
<svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
</span>
<span id='switch-mode-light' title='ライトモード'>
<svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
</span>
</label>
</div>
<script>//<![CDATA[
const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))});
//]]>
</script>
<script>//<![CDATA[
<script>//<![CDATA[
function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString());
//]]>
//]]>
</script>
</script>
<!--</body>--></body>
<!--</body>--></body>
</html>
</html>
Diff salvati
Testo originale
Apri file
<?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>
Testo modificato
Apri file
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:js='true' b:layoutsVersion='3' b:responsive='true' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/><b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/> <head> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0' name='viewport'/> <meta expr:content='"text/html; charset=" + data:blog.encoding' http-equiv='Content-Type'/> <meta content='blogger' name='generator'/> <!-- SEO --> <b:if cond='data:view.isPage'> <title><data:blog.pageName/> | <data:blog.title/></title> <b:else/> <title><data:blog.title/></title> </b:if> <meta expr:content='data:view.description.escaped' name='description'/> <!-- OGP --> <meta expr:content='data:blog.url.canonical' property='og:url'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.title' property='og:title'/> <meta expr:content='data:view.description.escaped' property='og:description'/> <meta content='OGP画像URL' property='og:image'/> <meta content='website' property='og:type'/> <meta content='summary' name='twitter:card'/> <b:if cond='false'><b:skin><![CDATA[]]></b:skin></b:if> <style>/*<![CDATA[*/ /* ----------------------------------------------- Blogger Template Style Name : Tricktree FB Base Designer : F(uriouz) URL : https://trick-tree.blogspot.com/ Modified by : Fujiyan & BINUBALL Version : 3.5 ----------------------------------------------- */ /*== 初期化 CSS ==*/ html{min-height:100vh}.item-control{display:none}*{margin:0;padding:0;font-size:100%;vertical-align:baseline}*,::after,::before{box-sizing:border-box}html{font-size:62.5%}body{word-wrap:break-word;overflow-wrap:break-word}img{height:auto;max-width:100%;vertical-align:bottom}iframe{max-width:100%;border:none}.post-body ol,.post-body ul{padding-left:1.5em} /*== メインコンテンツ ==*/ body { font-family: verdana, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif; color: var(--font); background: var(--bg-color); padding: 3em 1em 0; margin: 0; } a { text-decoration: none; color: var(--font); transition: .3s; } a:hover { color: var(--link-color); } #Image1 { text-align: center; } img.profile-picture { height: 100px; width: 100px; object-fit: cover; border-radius: 50%; } .profile-name { display: block; font-size: 2rem; font-weight: bold; line-height: 1em; text-align: center; padding: 1.2em 0; } #profile-text { color: var(--dark-font); font-weight: normal; font-size: 1.3rem; margin-top: 1.3em; } .linksWrap { width: 1200px; max-width: 100%; margin: 1em auto 4em; display: flex; flex-wrap: wrap; justify-content: space-between; } .linksWrap::after { display: block; content: ""; width: 32%; } .links { text-align: center; font-size: 1.6rem; line-height: 1em; padding: 1.3em; margin: 0 0 1.5em; background: linear-gradient(to bottom, var(--brand2), var(--brand)); flex-basis: 32%; word-break: normal; border-radius: 40px; } .links:hover { color: var(--font); box-shadow: 8px 8px 10px var(--shadow); } @media (max-width: 1024px) { .links { flex-basis: 48%; } } @media (max-width: 600px) { .links { flex-basis: 100%; } } #footer { text-align: center; font-size: 2rem; margin: 1em 0 2em; } /*== ダークモード配色 ==*/ :root { --bg-color: linear-gradient(to bottom, #346, #013); --font: #eee; --dark-font: #c0c0c0; --link-color: deepskyblue; --brand: dodgerblue; --brand2: #1e50a2; --shadow: #000; } /*== ライトモード配色 ==*/ :root[data-theme-mode="light"] { --bg-color: linear-gradient(to bottom, #fff, lightblue); --font: #333; --dark-font: #666; --link-color: royalblue; --brand: #afddfa; --brand2: lightskyblue; --shadow: #ccc; } /*== モード切替ボタン ==*/ input[type="checkbox"] { display: none; } .switch { position: fixed; top: 2em; right: 3em; } .switch label { cursor: pointer; } .switch svg { height: 24px; width: 24px; color: var(--dark-font); transition: .3s; } .switch svg:hover { color: var(--font); } #switch-mode-dark svg { transform: scale(-1, 1); } #switch-mode-dark { display: none; } #js_mode_toggle:checked ~ label #switch-mode-dark { display: initial; } #js_mode_toggle:checked ~ label #switch-mode-light { display: none; } /*== 固定ページ ==*/ .page { font-size: 1.6rem; line-height: 1.7; max-width: 800px; margin: 3em auto 5em; } .post-body p { margin: 2em 0; } .page-title { font-size: 2.5rem; text-align: center; font-weight: bold; margin-bottom: 1em; } .post-body a { color: var(--link-color); text-decoration: underline!important; } .home-link { text-align: center; font-size: 1.8rem; font-weight: bold; } .home-link a { color: var(--link-color); } .icon-action { vertical-align: middle; } /*]]>*/</style> <b:if cond='data:view.isLayoutMode'> <b:template-skin><![CDATA[ body#layout { background: #fff; } body#layout .section h4 { background: dodgerblue; color: #fff; text-align: center; padding: .5em; border-radius: 20px; } ]]></b:template-skin> </b:if> </head> <body> <!-- モード切替え --> <div class='switch'> <input id='js_mode_toggle' type='checkbox'/> <label class='switch-mode' for='js_mode_toggle' id='js_rotate'> <span id='switch-mode-dark' title='ダークモード'> <svg class='feather feather-moon' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg> </span> <span id='switch-mode-light' title='ライトモード'> <svg class='feather feather-sun' fill='none' height='24' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg> </span> </label> </div> <script>//<![CDATA[ const checkToggle=document.getElementById("js_mode_toggle"),rotateIcon=document.getElementById("js_rotate"),isLight=window.matchMedia("(prefers-color-scheme:light)").matches,keyLocalStorage="modekey",localTheme=localStorage.getItem("modekey");let nowRotate=0;function changeMode(e){"light"===e?(document.documentElement.setAttribute("data-theme-mode","light"),checkToggle.checked=!0):"dark"===e&&(document.documentElement.setAttribute("data-theme-mode","dark"),checkToggle.checked=!1)}function rotateInfinite(){nowRotate+=180,rotateIcon.style.transform="rotate("+nowRotate+"deg)"}"light"===localTheme?(rotateInfinite(),changeMode("light")):"dark"===localTheme?changeMode("dark"):isLight&&(rotateInfinite(),changeMode("light")),checkToggle.addEventListener("change",function(e){rotateInfinite(),e.target.checked?(changeMode("light"),localStorage.setItem("modekey","light")):(changeMode("dark"),localStorage.setItem("modekey","dark"))}); //]]> </script> <b:if cond='data:view.isPage'> <b:section id='ページ'> <b:widget id='Blog1' locked='false' title='ブログの投稿' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='commentLabel'/> <b:widget-setting name='showShareButtons'>false</b:widget-setting> <b:widget-setting name='authorLabel'/> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'/> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>false</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> <b:widget-setting name='showCommentLink'>false</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting> <b:widget-setting name='showAuthor'>false</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>false</b:widget-setting> <b:widget-setting name='postLabelsLabel'/> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:loop index='i' values='data:posts' var='post'> <b:include data='post' name='postCommentsAndAd'/> </b:loop> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'/> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItems'/> <b:includable id='commentAuthorAvatar'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='commentForm' var='post'/> <b:includable id='commentFormIframeSrc' var='post'/> <b:includable id='commentItem' var='comment'/> <b:includable id='commentList' var='comments'/> <b:includable id='commentPicker' var='post'/> <b:includable id='comments' var='post'/> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='commentsTitle'/> <b:includable id='defaultAdUnit'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='homePageLink'/> <b:includable id='iframeComments' var='post'/> <b:includable id='inlineAd' var='post'/> <b:includable id='linkShare'/> <b:includable id='nextPageLink'/> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='post' var='post'> <div class='page'> <b:include data='post' name='postTitle'/> <b:if cond='data:view.isPage'> <b:include data='post' name='postBody'/> </b:if> </div> <div class='home-link'> <a expr:href='data:blog.homepageUrl'> <data:messages.home/> </a> </div> </b:includable> <b:includable id='postAuthor'/> <b:includable id='postBody' var='post'> <div class='post-body' expr:id='"post-body-" + data:post.id'> <data:post.body/> </div> </b:includable> <b:includable id='postBodySnippet' var='post'/> <b:includable id='postCommentsAndAd' var='post'> <b:include data='post' name='post'/> </b:includable> <b:includable id='postCommentsLink'/> <b:includable id='postFooter' var='post'/> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postHeader' var='post'/> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postMeta' var='post'/> <b:includable id='postMetadataJSONImage'/> <b:includable id='postMetadataJSONPublisher'/> <b:includable id='postPagination'/> <b:includable id='postQuickEdit' var='post'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:blog.bloggerUrl + "/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' expr:title='data:messages.edit' rel='noopener' target='_blank'><img alt='pen' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></a> </span> </b:includable> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'/> <b:includable id='postTitle' var='post'> <div class='page-title'> <b:include data='post' name='postQuickEdit'/> <data:post.title/> </div> </b:includable> <b:includable id='previousPageLink'/> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='threadedCommentForm' var='post'/> <b:includable id='threadedCommentJs' var='post'/> <b:includable id='threadedComments' var='post'/> </b:widget> </b:section> <b:else/> <b:section id='ユーザー' preferred='yes' showaddelement='yes'> <b:widget id='Image1' locked='true' title='プロフィール画像' type='Image' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-EIs6wOu2Ko8/YbGyrLuL9hI/AAAAAAAAWxE/KayYW84jafE_yViWWkYsBGOS_k3tcG-LACNcBGAsYHQ/s200-e365-rw/avatar.png</b:widget-setting> <b:widget-setting name='displayHeight'>200</b:widget-setting> <b:widget-setting name='sectionWidth'>1059</b:widget-setting> <b:widget-setting name='shrinkToFit'>true</b:widget-setting> <b:widget-setting name='displayWidth'>200</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'><![CDATA[ユーザー名<p id="profile-text">ここに自己紹介</p>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> </b:if> <div class='widget-content'> <b:tag cond='data:link' expr:href='data:link' name='a'> <img class='profile-picture' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width'/> </b:tag> <b:if cond='data:caption'> <div class='profile-name'> <data:caption/> </div> </b:if> </div> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:tag cond='data:link' expr:href='data:link' name='a'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'> <b:attr cond='data:sourceSet' expr:value='data:sourceSet' name='srcset'/> </img> </b:tag> <br/> <b:if cond='data:caption'> <span class='caption'><data:caption/></span> </b:if> </div> </b:includable> </b:widget> </b:section> <b:section id='リンクリスト'> <b:widget id='PageList1' locked='true' title='リンク編集' type='PageList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"リンク 2"},"link0":{"href":"#","position":0,"title":"リンク 1"},"link3":{"href":"#","position":3,"title":"リンク4"},"link2":{"href":"#","position":2,"title":"リンク 3"}}]]></b:widget-setting> <b:widget-setting name='homeTitle'>ホーム</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='linksWrap'> <b:loop values='data:links' var='link'> <a class='links' expr:href='data:link.href'><data:link.title/></a> </b:loop> </div> </b:includable> <b:includable id='content'/> <b:includable id='overflowButton'/> <b:includable id='overflowablePageList'/> <b:includable id='pageLink'/> <b:includable id='pageList'/> </b:widget> </b:section> </b:if> <b:section id='フッター'> <b:widget id='HTML1' locked='true' title='フッター表記' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[Designed by <a target="_blank" rel="noopener" href="https://fujilogic.blogspot.com/2022/01/fujiyan-original-portal-site.html">Tricktree FB</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content' id='footer'> <data:content/> </div> </b:includable> </b:widget> </b:section> <script>//<![CDATA[ function rmurl(t){const r=new RegExp(/\?m=1/);return t=t.replace(r,''),history.replaceState({},document.title,t),t;}const currentUrl=rmurl(location.toString()); //]]> </script> <!--</body>--></body> </html>
Trovare la differenza