J's Garage: リンクテキストの左側に画像を表示させる

2025年3月5日

大昔、iBlogを使っていた頃の知識を思い出して、bloggerでリンクテキストの左側に画像を表示させる方法を試してみました。

１．「テーマ」→「詳細設定」→「CSSを追加」を開いて、CSSを追加する。

/* 背景に矢印 */

.allow {
   margin-left:20px;
   padding-left: 20px;
   background: url(https://***/allow.png) 0px 2px no-repeat;
}

※1 margin-left:50px; 画像の左側に20ピクセルの余白を開ける

※2 padding-left: 20px; 画像の右側に20ピクセルの余白を開ける

※3 画像のURLは架空のものです

２．HTMLビューに切り替えて、記事中のAタグに class="allow" を追加する。

【実例】

J's Garage