2013年08月01日
当ファンブログのカスタマイズ記録メモ3 【「私のWebサイト」のバナーを表示】
左サイドバーに、「私のWebサイト」のバナーを表示させました。
この内容は、カスタマイズではありませんが、一応、カスタマイズのカテゴリで記載します。
左サイドバーのリンク集の下に、下記の「私のWebサイト」のバナーを表示したいと考え、下記方法で作成すると、うまく表示されましたので、記録メモ3として残しておきます。
当ブログは、ファンブログという、アフィリエイトASPのA8.NETが提供している無料ブログを利用しています。
なので、画像のバナーを表示させる場合、事前にファンブログのサーバーに画像をアップロードしておく必要があります。
しかし、困ったことにファンブログには画像を個別にアップロードする機能がありません。
そこで、一旦、通常の記事の中で画像を紹介する形で取り込んで、その画像を使用することにしました。
ちなみに画像の作成は、最近、リリースされた、「Active Clip lite」を使用しました。
(SONYのWindows7搭載VAIO用の画像切り抜きソフト)
このソフトは、非常に優れもので便利です。
PC画面の好きな場所を自由に、その場ですぐに作成することが出来ます。
以前は、F12キーの右にあるPrtScキーを押して、ペイントに張り付けて加工するという面倒な方法か、スクリーンショットの無料オンラインツールで作成していました。
さて、本題ですが、次の手順と方法で表示させました。
@画像を作成
Aファンブログの記事に画像を紹介
B記事の画像の上で、マウスを右クリッツクし「画像URLをコピー」を選択
Cメモ帳にそのURLを張り付ける(下記内容)
https://fanblogs.jp/sandi/file/88/joSCzFdlYoNUg0ODZzIwMIF-MTI0NQg.PNG
DそのURLを利用して、下記のように作成。
(尚、 < は 大文字の < に変更して記載します。そうしないと、この記事に表示されない為。
また、http://www.sandi-hp.com は、私のWebサイトのURLです。)
<a href="http://www.sandi-hp.com" target="_blank">
<img border="0" width="200" height="124" alt="" src="
https://fanblogs.jp/sandi/file/88/joSCzFdlYoNUg0ODZzIwMIF-MTI0NQg.PNG
"></a>
E上記のHTMLタグを、左サイドバーに追加
ファンブログの場合、「コンテンツ設定」の中の「項目の追加・編集」で追加する。
以上の方法は、もしかすると、他のブログでも応用できるのかも知れません。
この内容は、カスタマイズではありませんが、一応、カスタマイズのカテゴリで記載します。
左サイドバーのリンク集の下に、下記の「私のWebサイト」のバナーを表示したいと考え、下記方法で作成すると、うまく表示されましたので、記録メモ3として残しておきます。
当ブログは、ファンブログという、アフィリエイトASPのA8.NETが提供している無料ブログを利用しています。
なので、画像のバナーを表示させる場合、事前にファンブログのサーバーに画像をアップロードしておく必要があります。
しかし、困ったことにファンブログには画像を個別にアップロードする機能がありません。
そこで、一旦、通常の記事の中で画像を紹介する形で取り込んで、その画像を使用することにしました。
ちなみに画像の作成は、最近、リリースされた、「Active Clip lite」を使用しました。
(SONYのWindows7搭載VAIO用の画像切り抜きソフト)
このソフトは、非常に優れもので便利です。
PC画面の好きな場所を自由に、その場ですぐに作成することが出来ます。
以前は、F12キーの右にあるPrtScキーを押して、ペイントに張り付けて加工するという面倒な方法か、スクリーンショットの無料オンラインツールで作成していました。
さて、本題ですが、次の手順と方法で表示させました。
@画像を作成
Aファンブログの記事に画像を紹介
B記事の画像の上で、マウスを右クリッツクし「画像URLをコピー」を選択
Cメモ帳にそのURLを張り付ける(下記内容)
https://fanblogs.jp/sandi/file/88/joSCzFdlYoNUg0ODZzIwMIF-MTI0NQg.PNG
DそのURLを利用して、下記のように作成。
(尚、 < は 大文字の < に変更して記載します。そうしないと、この記事に表示されない為。
また、http://www.sandi-hp.com は、私のWebサイトのURLです。)
<a href="http://www.sandi-hp.com" target="_blank">
<img border="0" width="200" height="124" alt="" src="
https://fanblogs.jp/sandi/file/88/joSCzFdlYoNUg0ODZzIwMIF-MTI0NQg.PNG
"></a>
E上記のHTMLタグを、左サイドバーに追加
ファンブログの場合、「コンテンツ設定」の中の「項目の追加・編集」で追加する。
以上の方法は、もしかすると、他のブログでも応用できるのかも知れません。
【カスタマイズの最新記事】
この記事へのコメント