Bloggerのカスタマイズ
<!-- markdown-mode-on -->
<figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://bgt-48.blogspot.com/2018/01/3blogger.html" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Step: 【第３回】これでわかった！Bloggerの制御タグ・データタグまとめ" height="100" loading="lazy" src="https://capture.heartrails.com/382x200?https%3A%2F%2Fbgt-48.blogspot.com%2F2018%2F01%2F3blogger.html" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Step: 【第３回】これでわかった！Bloggerの制御タグ・データタグまとめ</p><p class="blogcard-description bd-link">bloggerのカスタマイズなどを情報発信しています。</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Fbgt-48.blogspot.com%2F2018%2F01%2F3blogger.html" width="16"/>bgt-48.blogspot.com</div></a></figure><p></p>ブログカードオリジナルリンク<figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure>ブログカードid="jp1"リンク <figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html#jp1" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html%23jp1" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure>ブログカードid="jp2"リンク <figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html#jp2" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html%23jp2" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure>ブログカードid="toc_headline_1" <figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html#toc_headline_1" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html%23toc_headline_1" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure>ブログカードid="toc_headline_10" <figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html#toc_headline_10" rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html%23toc_headline_10" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure>ブログカード 選択箇所へのリンクをコピー <figure class="blogcard b-link"><a aria-label="記事詳細へ(別窓で開く)" href="https://rainbowgoblinss.blogspot.com/2022/01/blogger.html#:~:text=30%EF%BC%8E-,%E3%83%96%E3%83%AD%E3%82%B0%E3%82%AB%E3%83%BC%E3%83%89,-%E3%82%92%E5%B0%8E%E5%85%A5%E3%81%97 " rel="noopener noreferrer" target="_blank"><div class="blogcard-content"><div class="blogcard-image bi-link"><div class="blogcard-image-wrapper biw-link"><img alt="Bloggerのカスタマイズ Ⅵ 私のための覚え書き" height="100" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEgozjOSIQeZJ7nu02CLZhe_G6sGzXjyf0zcYDICO55emgoxJ_BcX_-kW03usrB3eBIiw_OFuNZnjVcdkHE4glYnSKWzmFT9b4GHaXalAZL0CFIRaVELPfeLwO62TQrtciyHoblSroG-0d6OKrtmxcllf3h_ps-KmXRe1hJE-C0lx3VK9177XHMsu9W8=w1200-h630-p-k-no-nu" width="100"/></div></div><div class="blogcard-text"><p class="blogcard-title bt-link">Bloggerのカスタマイズ Ⅵ 私のための覚え書き</p><p class="blogcard-description bd-link">コピペでカスタマイズ。まったくもって、自分だけのための備忘録 見た目重視編 30．ブログカードを導入してみました 引用のリンクを貼るのがちょっと億劫な気分でしたので、ブログカードを導入してみました。 色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、...</p></div></div><div class="blogcard-footer bf-link"> <img alt="ファビコン" height="16" loading="lazy" src="https://www.google.com/s2/favicons?domain=https%3A%2F%2Frainbowgoblinss.blogspot.com%2F2022%2F01%2Fblogger.html%23%3A~%3Atext%3D30%25EF%25BC%258E-%2C%25E3%2583%2596%25E3%2583%25AD%25E3%2582%25B0%25E3%2582%25AB%25E3%2583%25BC%25E3%2583%2589%2C-%25E3%2582%2592%25E5%25B0%258E%25E5%2585%25A5%25E3%2581%2597+" width="16"/>rainbowgoblinss.blogspot.com</div></a></figure><p></p><div><div><br/>
```html
<!-- Google code prettify start -->
<script src='https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js?skin=sunburst'/>
<style type='text/css'>
.prettyprint ol.linenums > li {
list-style-type: decimal;
}
.prettyprint ol li {
margin:0;
}
pre.prettyprint{
width:100%!important;
background-color:#202020!important;
font-size: 14px;
line-height: 1.6;
font-family: Consolas,SFMono-Regular,Menlo,Monaco,"Liberation Mono","Courier New",monospace;
overflow: auto !important;
white-space: pre !important;
}
pre.prettyprint.high {
overflow: auto;
height: 23em;
}
</style>
<!-- Google code prettify end -->
```
<blockquote>**************************************色々なブログカードがあるようです。比較サイトの最初に出てきたものにしましたが、とても気に入りました。カスタマイズ性もある模様です。とりあえず幅は80%で中央配置にしてみました。 導入は驚くほど簡単です。ブックマークをドラッグアンドドロップでブラウザに配置しておいて、CSSを”]]>”の直前に書き込むだけでした。管理画面の「テーマ」から伝って「CSSの追加」でコピペするならば、HTMLを編集することもなくもっと手軽に導入できます。**************************************</blockquote><p>
</p><p></p>