表示テスト用サンプル

h2 見出し

h3 小見出し

h4 準見出し

h5

h6

長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し

長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し

Font Sample

内部リンク _pgQ
外部リンク
太字 Bold
強調 Strong
附随コメント
斜体 Italic
<del>~~取り消し線 Del~~</del>
<s>~~取り消し線 S~~</s>
下線 Underline
マーカー Marker
<ruby>大谷翔平<rp>(</rp><rt>おおたにしょうへい</rt><rp>)</rp></ruby>大谷翔平(おおたにしょうへい)
<code>コード 0123456789 abcdefghijklmnopqrstuvwxyz</code>
Default: AQg■●▶◆♦★\
メイリオ: AQg■●▶◆♦★\
游ゴシック: AQg■●▶◆♦★\
Segoe UI: AQg■●▶◆♦★\
HelVetica: AQg■●▶◆♦★\
Arial: AQg■●▶◆♦★\
Verdana: AQg■●▶◆♦★\
italic イタリック aN
oblique 斜体 aN
font-weight:
太さ100
太さ200
太さ300
太さ400
太さ500
太さ600
太さ700
太さ800
太さ900
太さbold = 700

あいうえおかきくけこさしすせそ

たちつてとなにぬねのはひふへほ

まみむめもやゆよ 
らりるれろわをん

ABCDEFGHIJKLMNOPQRSTUVWXYZ
ＡＢＣＤＥＦＧＨＩＪＫＬＭＮＯＰＱＲＳＴＵＶＷＸＹＺ
abcdefghijklmnopqrstuvwxyz
ａｂｃｄｅｆｇｈｉｊｋｌｍｎｏｐｑｒｓｔｕｖｗｘｙｚ
1234567890
１２３４５６７８９０

font-size

0.5em 1em 1.5em 2em 3em

8px 10px 11px 12px 14px 16px 1em 17px 18px 20px

.5rem .9rem 1rem 1.6rem 16px
110% 100% 75% 50%

color

red red
orangered orangered
tomato tomato
coral coral
blue blue
dodgerblue dodgerblue
green green
limegreen limegreen
var(--redcolor) var(--redcolor)
var(--bluecolor) var(--bluecolor)
var(--greencolor) var(--greencolor)

Fujilogic Custom Color

var(--bgdark)

var(--bglight)

var(--brand) / var(--brandfont)

var(--brandlight) / var(--brandfont)

var(--subbrand) / var(--subbrandfont)

var(--color)

var(--darkcolor)

blockquote

音楽コラム、空・月写真、

<div>その他ゆるくたわいもない</div>
雑記を徒然と書いています。
コメントやリアクションは 
どなたでもお気兼ねなくどうぞ。
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz cite: 出典リンク

なし
音楽コラム、空・月写真、
その他ゆるくたわいもない
雑記を徒然と書いています。

.note

Inspired by the 17th and 18th century custom of the Grand Tour, where young men and women travelled to broaden the mind, Big Big Train have made an album of songs set in distant lands and beyond.< Grand Tour is available to buy now on double heavyweight gatefold vinyl (featuring a 24 page booklet), digipack CD (featuring a 52 page booklet), and on standard and hi-resolution (24/96) download. Grand Tour is also be available in HMV and other high street stores and on all good streaming services.

Grand Tour features nine new tracks which will take listeners on an epic journey over land and sea and through time and space.
Page Top

highlight.js

.html

<!--検索ボックス-->
<form action='/search' id='search-box-form' method='get'>
    <input data-placeholder-end='' expr:value='data:view.isSearch ? data:view.search.query.escaped : &quot;&quot;' id='search-box-text' name='q' placeholder='ブログ内検索' required='required' type='text'/>
    <button id='search-box-submit' title='検索' type='submit'><i class='fas fa-search'/></button>
</form>

.js

//<![CDATA[
$(function() {
    var pagetop = $('#pagetop');
    var pagebottom = $('#pagebottom');
    var toTop = 1000;//最上部ヘの到達時間(ミリ秒)
    var toBottom = 1000;//最下部ヘの到達時間
    $(window).scroll(function () {
        if ($(this).scrollTop() > 1000) {
            pagetop.fadeIn();
        } else {
            pagetop.fadeOut();
        }
        if ($(this).scrollTop() > 0 && $(this).scrollTop()<$(document).height()-1200) {
            pagebottom.fadeIn();
        } else {
            pagebottom.fadeOut();
        }
    });
    pagetop.click(function () {
        $('body, html').animate({ scrollTop: 0 }, toTop);
    });
    pagebottom.click(function () {
       $('body, html').animate({ scrollTop: $(document).height()}, toBottom);
    });
});
//]]>

.cs

/*==== Page List 3 ====*/
#PageList3 li {
  list-style-type: none;
  padding-bottom: 5px;
}
#PageList3 a {
  color: var(--color)!important;
  font-size: 1.3rem;
  font-weight: bold;
  padding: 4px 8px 5px;
  line-height: 1.5;
  text-indent: -5px;
  border-radius: 2px;
  width: 100%;
  display: block;
}
#PageList3 a:hover {
  background: var(--brandlight);
  color: #fff!important;
}
#PageList3 li a::before {
  content: "\25CF";
  padding-right: 2px;
  vertical-align: 8%;
  color: var(--brandlight);
}
#PageList3 li a:hover::before {
  color: #fff;
}
.current-page {
  color: var(--darkcolor);
  font-size: 1.3rem;
  padding: 5px 8px 3px;
  text-indent: -5px;
  display: block;
}
.current-page::before {
  content: "\25CF";
  padding-right: 2px;
}
@media (max-width: 1024px) {
  #PageList3 {
    display: none;
  }
}

.nohighlight

function changeMode(mode) {
  if (mode === 'light') {
    document.documentElement.setAttribute('data-theme-mode', 'light');
    var a = document.getElementById('twitter_theme');
    a.setAttribute('content', 'light');
    checkToggle.checked = true;
  } else if (mode === 'dark') {
    document.documentElement.setAttribute('data-theme-mode', 'dark');
    var a = document.getElementById('twitter_theme');
    a.setAttribute('content', 'dark');
    checkToggle.checked = false;
  }
}

<pre></pre>

function changeMode(mode) {
  if (mode === 'light') {
    document.documentElement.setAttribute('data-theme-mode', 'light');
    var a = document.getElementById('twitter_theme');
    a.setAttribute('content', 'light');
    checkToggle.checked = true;
  } else if (mode === 'dark') {
    document.documentElement.setAttribute('data-theme-mode', 'dark');
    var a = document.getElementById('twitter_theme');
    a.setAttribute('content', 'dark');

list ul 1
list ul 2
▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
リスト ul 5 
リストインデント
- ul li ul li
 改行
- ul li ul li
1. ul li ol li
 改行
2. ul li ol li

高木守道
- 遊撃手
  改行
- 内野手
1. ol li ol li
2. ol li ol li
島谷金二
井上弘昭
T.マーチン
谷沢健一
大島康徳
木俣達彦
広瀬宰
星野仙一
江藤省三
▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢▢
100

hljs インデント調整
```
pre {
    text-indent: 0;
}
```

テーブル

#	言の葉	出典	Page
1	ほら、心の耳を澄ましてごらん「あなたの事こんなに想っているんだよ」ってどこかで祈る声がきっと聞こえます	Book A	30
2	2行目	B-C
3	3行目	B	123

プルダウンメニュー風 details summary

メニュー

Fujilogic Images

original

圧縮済み

SVG

<svg xmlns='http://www.w3.org/2000/svg' width='2005' height='310' viewBox='0 0 2005 310'>
<g transform='translate(0,310) scale(0.1,-0.1)'>
<path d='M640 2895 l0 -165 163 0 c142 0 166 -2 194 -19 42 -26 45 -51 29 -206 -8 -78 -10 -132 -5 -136 13 -8 309 -32 316 -26 3 3 6 97 6 209 l2 203 -32 67 c-54 115 -162 199 -291 227 -29 6 -127 11 -217 11 l-165 0 0 -165z'/>
<path d='M22 1188 c4 -229 7 -259 26 -312 32 -86 64 -135 121 -190 100 -92 211 -126 418 -126 l143 0 0 165 0 165 -140 0 c-157 0 -182 7 -222 62 -22 32 -23 41 -26 261 l-3 227 -161 0 -160 0 4 -252z'/>
<path d='M895 1980 c-66 -38 -128 -73 -137 -79 -15 -9 13 -62 223 -432 132 -232 251 -447 263 -478 56 -134 90 -270 101 -401 6 -66 4 -80 -17 -120 -17 -33 -35 -51 -68 -67 -42 -22 -56 -23 -267 -23 l-223 0 0 -165 0 -165 223 0 c190 0 235 3 301 20 194 49 311 170 362 370 38 150 -15 459 -117 688 -34 74 -511 922 -519 921 -3 -1 -59 -32 -125 -69z'/>
<path d='M1530 1606 l0 -166 123 0 c122 0 123 0 150 -28 41 -43 47 -79 47 -289 l0 -193 160 0 160 0 0 213 c0 154 -4 230 -15 276 -34 144 -126 266 -239 318 -57 26 -71 28 -223 31 l-163 4 0 -166z'/>
<path d='M4100 1811 c0 -1405 -2 -1362 64 -1496 59 -119 144 -191 281 -237 67 -22 84 -23 340 -23 267 0 271 1 350 27 177 60 298 179 366 358 11 30 49 180 83 332 55 242 61 278 47 282 -40 13 -294 66 -297 63 -2 -2 -31 -124 -64 -273 -66 -288 -90 -356 -147 -403 -66 -55 -116 -63 -365 -59 -247 3 -265 8 -304 72 -18 30 -19 80 -24 1326 l-5 1295 -162 3 -163 2 0 -1269z'/>
<path d='M4850 2215 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M5300 2215 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M7710 2845 l0 -165 450 0 449 0 -309 -382 c-171 -211 -322 -408 -337 -438 -24 -46 -28 -67 -27 -130 1 -126 51 -208 162 -262 l66 -33 311 -5 c287 -5 313 -6 344 -25 19 -11 43 -33 55 -48 21 -28 21 -37 21 -452 0 -412 -1 -424 -21 -452 -11 -15 -40 -38 -64 -50 -43 -22 -52 -23 -375 -23 l-331 0 -52 26 -52 26 0 114 0 114 -166 0 -167 0 6 -143 c3 -94 10 -157 21 -187 38 -106 148 -203 283 -251 66 -23 79 -24 422 -27 300 -3 366 -1 428 13 201 45 325 164 380 365 16 57 18 113 18 475 0 362 -2 418 -18 475 -51 186 -156 297 -337 356 -45 14 -105 19 -323 23 l-268 6 306 379 c169 209 318 402 332 430 76 150 16 329 -135 403 l-57 28 -507 3 -508 3 0 -166z'/>
<path d='M11440 1811 c0 -1405 -2 -1362 64 -1496 59 -119 144 -191 281 -237 67 -22 84 -23 340 -23 267 0 271 1 350 27 177 60 298 179 366 358 11 30 49 180 83 332 55 242 61 278 47 282 -40 13 -294 66 -297 63 -2 -2 -31 -124 -64 -273 -66 -288 -90 -356 -147 -403 -66 -55 -116 -63 -365 -59 -247 3 -265 8 -304 72 -18 30 -19 80 -24 1326 l-5 1295 -162 3 -163 2 0 -1269z'/>
<path d='M12190 2215 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M12640 2215 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M15100 1895 l0 -155 536 0 536 0 29 -30 30 -29 -3 -443 -3 -443 -27 -57 c-43 -93 -72 -122 -267 -275 -102 -80 -187 -149 -189 -154 -4 -11 168 -235 178 -232 5 1 90 66 189 144 220 171 287 242 346 364 73 149 77 182 73 696 -4 431 -4 446 -26 504 -43 115 -117 191 -231 237 -56 23 -59 23 -613 26 l-558 3 0 -156z'/>
<path d='M19340 2539 c-217 -303 -410 -574 -428 -603 -18 -28 -44 -87 -59 -131 -22 -67 -26 -99 -27 -195 0 -124 14 -192 61 -285 21 -40 858 -1292 882 -1317 8 -9 267 163 265 175 -1 5 -192 291 -425 635 -256 380 -430 647 -441 677 -23 65 -23 152 0 218 13 35 149 236 426 626 223 316 405 575 404 576 -33 27 -249 175 -255 175 -4 0 -186 -248 -403 -551z'/>
</g>
</svg>

SVG 2

<svg xmlns='http://www.w3.org/2000/svg' width='2078' height='400' viewBox='0 0 2100 400'>
<g transform='translate(0,400) scale(0.1,-0.1)'>
<circle cx='2000' cy='1990' r='2000' var(--brandlight) />
<path fill='#fff' d='M1600 3315 l0 -165 163 0 c142 0 166 -2 194 -19 42 -26 45 -51 29 -206 -8 -78 -10 -132 -5 -136 13 -8 309 -32 316 -26 3 3 6 97 6 209 l2 203 -32 67 c-54 115 -162 199 -291 227 -29 6 -127 11 -217 11 l-165 0 0 -165z'/>
<path fill='#fff' d='M1002 1608 c4 -229 7 -259 26 -312 32 -86 64 -135 121 -190 100 -92 211 -126 418 -126 l143 0 0 165 0 165 -140 0 c-157 0 -182 7 -222 62 -22 32 -23 41 -26 261 l-3 227 -161 0 -160 0 4 -252z'/>
<path fill='#fff' d='M1875 2400 c-66 -38 -128 -73 -137 -79 -15 -9 13 -62 223 -432 132 -232 251 -447 263 -478 56 -134 90 -270 101 -401 6 -66 4 -80 -17 -120 -17 -33 -35 -51 -68 -67 -42 -22 -56 -23 -267 -23 l-223 0 0 -165 0 -165 223 0 c190 0 235 3 301 20 194 49 311 170 362 370 38 150 -15 459 -117 688 -34 74 -511 922 -519 921 -3 -1 -59 -32 -125 -69z'/>
<path fill='#fff' d='M2510 2026 l0 -166 123 0 c122 0 123 0 150 -28 41 -43 47 -79 47 -289 l0 -193 160 0 160 0 0 213 c0 154 -4 230 -15 276 -34 144 -126 266 -239 318 -57 26 -71 28 -223 31 l-163 4 0 -166z'/>
<path d='M5080 2231 c0 -1405 -2 -1362 64 -1496 59 -119 144 -191 281 -237 67 -22 84 -23 340 -23 267 0 271 1 350 27 177 60 298 179 366 358 11 30 49 180 83 332 55 242 61 278 47 282 -40 13 -294 66 -297 63 -2 -2 -31 -124 -64 -273 -66 -288 -90 -356 -147 -403 -66 -55 -116 -63 -365 -59 -247 3 -265 8 -304 72 -18 30 -19 80 -24 1326 l-5 1295 -162 3 -163 2 0 -1269z'/>
<path d='M5830 2635 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M6280 2635 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M8690 3265 l0 -165 450 0 449 0 -309 -382 c-171 -211 -322 -408 -337 -438 -24 -46 -28 -67 -27 -130 1 -126 51 -208 162 -262 l66 -33 311 -5 c287 -5 313 -6 344 -25 19 -11 43 -33 55 -48 21 -28 21 -37 21 -452 0 -412 -1 -424 -21 -452 -11 -15 -40 -38 -64 -50 -43 -22 -52 -23 -375 -23 l-331 0 -52 26 -52 26 0 114 0 114 -166 0 -167 0 6 -143 c3 -94 10 -157 21 -187 38 -106 148 -203 283 -251 66 -23 79 -24 422 -27 300 -3 366 -1 428 13 201 45 325 164 380 365 16 57 18 113 18 475 0 362 -2 418 -18 475 -51 186 -156 297 -337 356 -45 14 -105 19 -323 23 l-268 6 306 379 c169 209 318 402 332 430 76 150 16 329 -135 403 l-57 28 -507 3 -508 3 0 -166z'/>
<path d='M12420 2231 c0 -1405 -2 -1362 64 -1496 59 -119 144 -191 281 -237 67 -22 84 -23 340 -23 267 0 271 1 350 27 177 60 298 179 366 358 11 30 49 180 83 332 55 242 61 278 47 282 -40 13 -294 66 -297 63 -2 -2 -31 -124 -64 -273 -66 -288 -90 -356 -147 -403 -66 -55 -116 -63 -365 -59 -247 3 -265 8 -304 72 -18 30 -19 80 -24 1326 l-5 1295 -162 3 -163 2 0 -1269z'/>
<path d='M13170 2635 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M13620 2635 l0 -145 140 0 140 0 0 145 0 145 -140 0 -140 0 0 -145z'/>
<path d='M16080 2315 l0 -155 536 0 536 0 29 -30 30 -29 -3 -443 -3 -443 -27 -57 c-43 -93 -72 -122 -267 -275 -102 -80 -187 -149 -189 -154 -4 -11 168 -235 178 -232 5 1 90 66 189 144 220 171 287 242 346 364 73 149 77 182 73 696 -4 431 -4 446 -26 504 -43 115 -117 191 -231 237 -56 23 -59 23 -613 26 l-558 3 0 -156z'/>
<path d='M20320 2959 c-217 -303 -410 -574 -428 -603 -18 -28 -44 -87 -59 -131 -22 -67 -26 -99 -27 -195 0 -124 14 -192 61 -285 21 -40 858 -1292 882 -1317 8 -9 267 163 265 175 -1 5 -192 291 -425 635 -256 380 -430 647 -441 677 -23 65 -23 152 0 218 13 35 149 236 426 626 223 316 405 575 404 576 -33 27 -249 175 -255 175 -4 0 -186 -248 -403 -551z'/>
</g>
</svg>

No Image (1920 × 1080)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgigQ00LjNlYkgdIS-WlZQDqKa4m45PueIwVqmKOSv4RTcD9jQjPHqziTr_tDgzZc3KZ6zl0nvgSPMBLZ7RIa0-qTHK3lUy5rRwAYV5nJyjvFLxKu7WqNG2UdQVEMEv_j0fSIWaOkxq_mQN/s0/noimage.png

Blank Image (2000 × 2000)

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixhFC8OSoFVkRbIYwO2_dqvObZcf6fuXxR8UG1hnjPB7miVgLd8ASBDfFyhXvWBu5lEmoJVMHE0i7msmM9wr69XlzVaMSDjcCEaZNbLyce_rHaGTQNJl9dde8w_4pPWQf5cW9SvyDvsH-o/s0-rw/blank.png

OGP image

OGP Image | Canva
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaSEE07R-engGLH01GLvxz3zgihzlFIRRY1ZQ4kV_fInzeUxXr9-bMLO83-bprZUC3QTLHszWLMIkw01BvNv8BUiRPGl3CGbyZCT278x-C0QCMSsqHOC3UIO8eQ6aala-5xab6IckDf1M/w1200-h630-n/ogimage.png

Post Image

<div class="separator" style="clear: both;"><img alt="サンプル画像1" height="525px" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKoYklR6SXNSw7YUu0Xe6BpqGdCJ5tW5ExQhGO11pZ_PNNssiQNP9nH7x50R42iFcWdTFOBRQvA36XTySXYh_QeKrabnHAyyES9JsRp2xE47IExZ4Yfqvbap-gTixsSJDcBhBn-hYBQDc/s0/P1130576.JPG" width="700px" /></div>

<table class="tr-caption-container" ><tbody><tr><td><img alt="サンプル画像3" loading="lazy" height="525px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKoYklR6SXNSw7YUu0Xe6BpqGdCJ5tW5ExQhGO11pZ_PNNssiQNP9nH7x50R42iFcWdTFOBRQvA36XTySXYh_QeKrabnHAyyES9JsRp2xE47IExZ4Yfqvbap-gTixsSJDcBhBn-hYBQDc/s0/P1130576.JPG" width="700px" /></td></tr><tr><td class="tr-caption">説明を追加<br />キャプション</td></tr></tbody></table>

説明を追加
キャプション

Grid Layout

<div class="grid-layout" style="clear: both;">
<img alt="画像1" loading="lazy" height="700" width="525" src="画像1 URL" />
<img alt="画像2" loading="lazy" height="400" width="525" src="画像2 URL" />
</div>

.grid-layout {
  display: grid;
  column-gap: 1em;
  row-gap: 0;
  grid-template-columns: calc(50% - .5em) calc(50% - .5em);
  place-items: center;
  margin: 2em 0 5em;
}
.grid-layout img {
  box-shadow: 5px 5px 8px var(--shadow);
}
.grid-layout tr:first-child img {
  box-shadow: none;
}

<div class="grid-layout" style="clear: both;">
<img alt="画像1" loading="lazy" height="525" width="700" src="画像1 URL" />
<img alt="画像2" loading="lazy" height="525" width="700" src="画像2 URL" />
<img alt="画像3" loading="lazy" height="525" width="700" src="画像3 URL" />
<table class="tr-caption-container"><tbody><tr><td><img alt="画像4" loading="lazy" height="525px" src="画像4 URL" width="700px" /></td></tr><tr><td class="tr-caption">説明を追加<br />キャプション</td></tr></tbody></table>
</div>

説明を追加
キャプション

Embed Contents

𝕏

data-theme 指定なし

ちょっと背景色変えてみた。なんとなく雨をイメージしたような色https://t.co/dygTqdLhHt
— ふじやん。 (@fujiyanx) 2019年6月9日

data-theme="dark"

ちょっと背景色変えてみた。なんとなく雨をイメージしたような色https://t.co/dygTqdLhHt
— ふじやん。 (@fujiyanx) 2019年6月9日

Bluesky

お気に入りブックマークレット集 (随時追加) | ふじろじっく fujilogic.blogspot.com/2022/02/my-f... ブログにBlueskyのシェアボタンを付けてみたのでちょっとテスト。

[image or embed]
— ふじやん (@fujiyanx.bsky.social) Mar 31, 2024 at 16:48

Instagram (blockquoteのみの最小構成コード)

<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/CvkNo71Panq/" data-instgrm-version="14"><a href="https://www.instagram.com/p/CvkNo71Panq/" target="_blank">ひろはま　かずとし(@hirohamakazutoshi)がシェアした投稿</a></blockquote>

ひろはま　かずとし(@hirohamakazutoshi)がシェアした投稿

Facebook video

<div class="video-box">
<iframe title="玲里(Rayli) with 難波弘之(Hiroyuki Namba) - 「Good Day Today」リハ" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowfullscreen="true" height="315" data-src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fraylimusic%2Fvideos%2F713343399478161%2F&amp;show_text=0&amp;width=560" style="border: none; overflow: hidden;" width="560"></iframe>
</div>

YouTube

<div class="video-box">
<iframe title="青山高原ウィンドファーム"  allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" height="360" data-src="https://www.youtube-nocookie.com/embed/OL6EDxI6exY" width="640"></iframe>
</div>

Blogger Video

<div class="video-box">
<object id="BLOG_video-20ea7a63fc32d99f"></object>
</div>

ニコ動

<div class="video-box">
<iframe data-src="https://embed.nicovideo.jp/watch/sm7461454" height="315" width="560" title="レベッカ - ラヴ・イズ・キャッシュ"></iframe>
</div>

Spotify

<div style="text-align:center;margin-bottom:3em">
<iframe title="" style="border-radius:12px" src="https://open.spotify.com/embed/album/7hvbp800ltojYRAXqf8aak?utm_source=generator&theme=1" width="600" height="380" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
</div>

Bandcamp

背景色は #eeeeee か #333333 のみ。(実際の色は #ffffff と #303030)

<div style="text-align:center">
<iframe title="Summer's Lease by Big Big Train" data-src="https://bandcamp.com/EmbeddedPlayer/album=2949099930/size=large/bgcol=333333/linkcol=00bfff/artwork=small/transparent=true/" style="border: 0; height: 472px; width: 400px;"><a href="https://bigbigtrain.bandcamp.com/album/summers-lease">Summer's Lease by Big Big Train</a></iframe>
</div>

<div style="text-align:center">
<iframe title="Summer's Lease by Big Big Train" data-src="https://bandcamp.com/EmbeddedPlayer/album=2949099930/size=large/bgcol=eeeeee/linkcol=4169e1/artwork=large/transparent=true/" style="border: 0; height: 472px; width: 400px;"><a href="https://bigbigtrain.bandcamp.com/album/summers-lease">Summer's Lease by Big Big Train</a></iframe>
</div>

audio

<audio controls="true" data-src="https://dl.dropboxusercontent.com/scl/fi/0ic58k9g4pifk6hnwyzvt/.m4a?rlkey=mml076w8yge64oh65av9s9hl6&st=vf13nxke" title="種"></audio>

Blog Card

Fujilogic Custom

ふじろじっく
ふじろじっく
Blogger カスタマイズ、空写真、音楽、雑記 etc…広く浅く、好きなことを気ままに書いています。
https://fujilogic.blogspot.com/

Embedly

ふじろじっく

はてなカード

ふじろじっく SVG

<symbol id='circle-fu' viewbox='0 0 400 400'><g transform='translate(0,400) scale(0.1,-0.1)'><circle cx='2000' cy='1990' fill='var(--brandlight)' r='2000'/><path d='M1600 3315 l0 -165 163 0 c142 0 166 -2 194 -19 42 -26 45 -51 29 -206 -8 -78 -10 -132 -5 -136 13 -8 309 -32 316 -26 3 3 6 97 6 209 l2 203 -32 67 c-54 115 -162 199 -291 227 -29 6 -127 11 -217 11 l-165 0 0 -165z M1002 1608 c4 -229 7 -259 26 -312 32 -86 64 -135 121 -190 100 -92 211 -126 418 -126 l143 0 0 165 0 165 -140 0 c-157 0 -182 7 -222 62 -22 32 -23 41 -26 261 l-3 227 -161 0 -160 0 4 -252z M1875 2400 c-66 -38 -128 -73 -137 -79 -15 -9 13 -62 223 -432 132 -232 251 -447 263 -478 56 -134 90 -270 101 -401 6 -66 4 -80 -17 -120 -17 -33 -35 -51 -68 -67 -42 -22 -56 -23 -267 -23 l-223 0 0 -165 0 -165 223 0 c190 0 235 3 301 20 194 49 311 170 362 370 38 150 -15 459 -117 688 -34 74 -511 922 -519 921 -3 -1 -59 -32 -125 -69z M2510 2026 l0 -166 123 0 c122 0 123 0 150 -28 41 -43 47 -79 47 -289 l0 -193 160 0 160 0 0 213 c0 154 -4 230 -15 276 -34 144 -126 266 -239 318 -57 26 -71 28 -223 31 l-163 4 0 -166z' fill='#fff'/></g></symbol>

Blogger SVG

<svg class="svg-icon-24"><use href="/responsive/sprite_v1_6.css.svg#ic_24_email_dark" xmlns:xlink="http://www.w3.org/1999/xlink"/></svg>

#ic_24_email_dark
#ic_24_facebook_dark
#ic_24_googlePlus_dark
#ic_24_link_dark
#ic_24_pinterest_dark
#ic_24_twitter_dark
#ic_add_box_black_24dp
#ic_arrow_back_black_24dp
#ic_arrow_forward_black_24dp
#ic_chat_bubble_black_24dp
#ic_check_box_black_24dp
#ic_check_box_outline_blank_black_24dp
#ic_chevron_left_black_24dp
#ic_chevron_right_black_24dp
#ic_close_black_24dp
#ic_expand_less_black_24dp
#ic_expand_more_black_24dp
#ic_menu_black_24dp
#ic_mode_comment_black_24dp
#ic_more_horiz_black_24dp
#ic_more_vert_black_24dp
#ic_person_black_24dp
#ic_post_blogger_black_24dp
#ic_rss_feed_black_24dp
#ic_search_black_24dp
#ic_share_black_24dp

表示テスト用サンプル

h2 見出し

h3 小見出し

h4 準見出し

h5

h6

長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し

長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し

長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し長い見出し

Font Sample

font-size

color

Fujilogic Custom Color

blockquote

.note

highlight.js

.html

.js

.cs

.nohighlight

<pre></pre>

リスト

テーブル

プルダウンメニュー風 details summary

Fujilogic Images

favicon

Fujilinx

F-light

Blog Title Logo

original

圧縮済み

SVG

SVG 2

No Image (1920 × 1080)

Blank Image (2000 × 2000)

OGP image

Post Image

Grid Layout

Embed Contents

𝕏

Bluesky

Instagram (blockquoteのみの最小構成コード)

Facebook video

YouTube

Blogger Video

ニコ動

Spotify

Bandcamp

audio

Blog Card

Fujilogic Custom

Embedly

はてなカード

ふじろじっく SVG

Blogger SVG