テンプレートPart1:外部画像の読み込み(Picasa編)

せっかくロゴを作成したので左上に表示してみました。

見ての通りすぐ下のタイトルとかぶっていて何ともかっこ悪いですね(^^;)
もっとカスタマイズしてみようと思います。

ちなみにロゴの画像はPicasaにアップロードしています。
Picasaは画像の埋め込み用URLの取得ができますので、そのURLを読み込んで表示しています。

以下、手順になります。
1.Picasaに画像をアップロードする
2.ブログに使用した画像を選択し、右側の「この写真へのリンク」をクリックします。
3.「画像を埋め込み」コード内の<img>タグのリンクが画像のURLです。
4.CSSならbackground-image: url("画像のURL")で画像の埋め込みができます。

Picasaは、Google+の会員ならほぼ無制限に画像をアップロードすることができます。
レンタルサーバを借りる必要がないので財布に優しいです。

では

0 comments:

Post a Comment