1. Home
  2. 9月 2023

2023年9月28日木曜日

9/28/2023

Bloggerの設定に WebP 画像の提供 が追加

   No comments
Blogger

ソースを見ると -rw のパラメーターが追加されたものに書き換えられています

関連: 殆どの画像でサイズが落ちるとは思いますが

サイズが上がってしまう場合もあります
具体例のURLをここでは出せないのが残念ですが(実際にあります)
Read More
このエントリーをはてなブックマークに追加

2023年9月19日火曜日

9/19/2023

2つの新しいBlogger向けBootstrapテーマ

   No comments

7月にはローカルのブックマークに保存してたんですが、忘れるので

GitHub - rulnoveid/tbloggerstrap: Blogger theme (template) designed with Bootstrap 5.3
デモ > https://bstrap.inputekno.com/

モディファイすれば企業向けなどのサイトでそのまま使えそうです

GitHub - rulnoveid/linktree-blogger: Linktree Blogger Template Free with Bootstrap!
デモ > https://link-v3.inputekno.com/

こちらは Linktree テーマ

似たようなテーマはありますが、最新のBootstrapと、どちらもMITライセンスという部分が大きいですね
Read More
このエントリーをはてなブックマークに追加

2023年9月18日月曜日

9/18/2023

[Bootstrap][Blogger]Fixed navbarのサンプル

 , ,  No comments

Examplesからですが
Fixed top navbar example · Bootstrap v5.3
https://getbootstrap.com/docs/5.3/examples/navbar-fixed/

ようやくしっくり行きました
サンプル > https://blogger-template-built-for-bootstrap.blogspot.com/

JetThemeでわざわざ変える人はいないと思いますが

必要に応じて<head>内に追加

  <!-- Bootstrap v5.3.2 CSS -->
  <link crossorigin='anonymous' href='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css' integrity='sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN' rel='stylesheet'/>
    
  <!-- Font Awesome v4.7.0 -->
  <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css' rel='stylesheet' type='text/css'/>

追加CSS

/* Show it is fixed to the top */
body {
  padding-top: 4.5rem;
}

</body>上に追加

  <!-- Bootstrap Script -->
  <!-- JavaScript Bundle with Popper -->
  <script crossorigin='anonymous' integrity='sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL' src='https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js'/>
  <!-- //Bootstrap Script -->

Navbar(<body>下に追加)

  <!-- Navbar -->
<nav class='navbar navbar-expand-md navbar-dark fixed-top bg-dark'>
  <div class='container-fluid'>
    <a class='navbar-brand' href='#'>Fixed navbar</a>
    <button aria-controls='navbarCollapse' aria-expanded='false' aria-label='Toggle navigation' class='navbar-toggler' data-bs-target='#navbarCollapse' data-bs-toggle='collapse' type='button'>
      <span class='navbar-toggler-icon'/>
    </button>
    <div class='collapse navbar-collapse' id='navbarCollapse'>
      <ul class='navbar-nav me-auto mb-2 mb-md-0'>
        <li class='nav-item'>
          <a aria-current='page' class='nav-link active' href='#'>Home</a>
        </li>
        <li class='nav-item'>
          <a class='nav-link' href='#'>Link</a>
        </li>
        <li class='nav-item'>
          <a aria-disabled='true' class='nav-link disabled'>Disabled</a>
        </li>
      </ul>
      <form action='/search/max-results=10' class='d-flex' method='get'>
        <input aria-label='Search' class='form-control me-2 my-2 my-sm-0' name='q' placeholder='このブログを検索' type='search'/>                                 
        <button class='btn btn-primary my-2 my-sm-0' type='submit'><span class='fa fa-search fa-fw'/></button>                                  
      </form>
    </div>
  </div>
</nav>    
  <!-- //Navbar -->

(ブログヘッダーは入れてないのであしからず)
Read More
このエントリーをはてなブックマークに追加

2023年9月17日日曜日

9/17/2023

Bloggerの設定に画像の遅延読み込みが追加

   No comments
Blogger

これは有効にすると、imgタグに loading="lazy" 属性を追加するものの様です

関連:

JetThemeの画像の遅延読み込みをどうするかですが、まぁスクリプト読みに行ってるので、設定を有効にする必要はないかなぁ

関連:

でもタグ挿入がめんどくさいのよね
私がドメイン下で使っているブログの投稿1件の画像が200枚以上のものがあるのでｗ、管理を楽にしたい
Read More
このエントリーをはてなブックマークに追加

2023年9月16日土曜日

9/16/2023

🚀JetThemeのツイートボタンをXにしよう

 , ,  No comments

NHKとかは暫く前から変わっていますね

レイアウト 画面の一番下
JetTheme Settings の
SVG Icons 右側の鉛筆マークをクリック

該当部分

<symbol id="i-twitter" fill="currentColor" stroke="none" viewbox="0 0 24 24"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></symbol>

パスを以下に書き換えます
M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z

関連:

テーマ > カスタマイズ 横の ▼ をクリック > HTML を編集
Ctrl + F で #55acee を検索

該当部分

<a class='me-2 mb-2 btn btn-sm jt-icon-center text-white rounded-pill' expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:post.url.canonical' rel='nofollow noopener noreferrer' style='background-color:#55acee' target='_blank' title='Tweet This'><svg aria-hidden='true' class='jt-icon'><use xlink:href='#i-twitter'/></svg></a>

#000 に変更します

おわり

サンプル
Read More
このエントリーをはてなブックマークに追加
9/16/2023

Bootstrap 5.3.2 が出てた

   No comments
Bootstrap

Bootstrap 5.3.2 | Bootstrap Blog
https://blog.getbootstrap.com/2023/09/14/bootstrap-5-3-2/
(September 14, 2023)

切り替えました
Read More
このエントリーをはてなブックマークに追加

2023年9月15日金曜日

9/15/2023

今日の一曲

   No comments

一家に一台欲しいAX-Edge
MIDIキーボードとして贅沢に使いたい
Read More
このエントリーをはてなブックマークに追加

2023年9月13日水曜日

9/13/2023

2023年9月のフリーフォント: Boss

   No comments
Boss

2023年9月のフリーフォントは Boss
Read More
このエントリーをはてなブックマークに追加
9/13/2023

ガールズ&パンツァー 戦車道大作戦！9月限定ギフト（戦車魂50個）

 ,  No comments

9/1に追加されていますね

いつも通りアプリで受け取り
[ゲームギフト]人気ゲームのアイテムGET・事前予約/攻略 (Play Store)
メイン垢に追加済みです

シリアルコード入力 ｜ スマホアプリ『ガールズ＆パンツァー 戦車道大作戦！』公式サイト

ガールズ＆パンツァー 戦車道大作戦！ (Play Store)
ガールズ＆パンツァー 戦車道大作戦！ を AndApp で遊ぶ | AndApp (PC)

連合ID: cbb1b8b8fad7c0a1
*新規の方でアクティブでない方は強制脱退していただく場合があります

フレ車(9/12)
コピペ用: zrb1he28 (SSS)
2 :79ajdpi5 (アクセス不能)
3: 3d8nk94y (AAA)
4: hekak6i9 (SSS)
6: 8d4sbr21 (SSS)
Read More
このエントリーをはてなブックマークに追加
登録: 投稿 (Atom)

Recent Posts

読込中...

 

ABOUT

連絡フォーム

名前

メール *

メッセージ *

FPS

"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."