初心者にもやさしい 簡単HTML作成:ホームページのタグ作成ツール
背景画像指定のブログテンプレート

 ブログへの日記の書き込みの際に、背景画像を指定できる、タグ作成ツールです。HTMLタグの知識は不要です。背景画像のURLが分かれば、簡単に背景がついた日記を無料で作成できます。

 また、イメージの表示位置や日記の枠や文字の色も変更出来ます。アフィリエイト用画像タグも使用できますので、毎日の日記にご利用ください。

ツールで作成したサンプル

背景画像や背景の色や文字など、いろいろ変更できます。タグの知識不要で無料で使えるツールですので、どうぞご利用ください。

ブログへ利用するときは、お好みのものに変更してみてください。

楽天ブログの場合:
 楽天フォトへ表示したい背景画像を登録します。既に登録済みの場合は、登録は不要です。
 表示したい画像のHTMLタグを取得します。

<img src="http://image.space.rakuten.co.jp/lg01/03/0000045203/18/imgc81802df9r2m2k.gif" width="60" height="60" alt="背景濃い緑">

 上のHTMLのタグ内の赤い文字の部分が、このツールの背景画像リンクに指定する部分です。

ブログ用タグを作成してみよう

 HTMLタグを作成すると、クリップボードへ自動でコピーされます。下のテキストボックスからも選択できます。画像は入力しないことも可能です。手順は次の通りです。

  1. 背景画像URL」へ、指定したい画像のURLを入力します。省略可能
  2. 画像リンクタグ」へ、画像リンクやアフィリエイト用画像リンクのタグを入力します。省略可能
  3. テキスト」へ、実際の日記を入力します。
  4. 枠線・下線・文字色など、お好みの設定を行います。
  5. HTML作成」ボタンを押します。
背景画像設定省略可能
背景画像URLhttp://sunafukey.fc2web.com/image/backtree.gif など
表示方法  
画像表示
画像リンクタグ<img src="http://sunafukey.fc2web.com/htmltag/images/x.jpg"> など
画像レイアウト  
 
テキスト
日記枠線
線の太さ 
日記背景色
文章設定
テキスト色
文字スタイル        
文字サイズ         
 

 ※注意 環境により、文字のサイズが違う場合があります。実際に貼り付けて大きさを確認してください。

レイアウト      
著作権表示  
  

※ボタンを押しても何も反応が無い場合は、ブラウザの再読み込みボタンを押して、画面を再読み込みしてください。

注意:背景画像の外部での利用が禁止されているところ(楽天など)では、プレビュー画面で背景が正常に表示されない場合があります。実際に日記へ書き込むと表示されますので、うまく表示されない場合はブログへ書き込んで確認をお願いします。

作成されたHTMLタグ

日記レイアウトツールでは

 この、日記テンプレートでは、次のHTMLタグを使用しています。

  • ブロック要素 <div>〜</div>

 なお、スタイルシート(CSS)も使用しておりますので、環境によってはうまく表示されない場合もあります。

 また、本ツールでは、JavaScript を使用しています。したがって、JavaScriptが使用できない設定になっているブラウザでは、使用することが出来ません。
 ブラウザのJavaScriptを実行可能に設定して、ご利用ください。

 無料ツールとなっております。リンクもフリーです。

更新履歴

2007/12/04 背景画像を中央へ一つ表示するオプションを追加

サイトマップ