お好きな画像で年賀状ブログを作ろう
★☆★━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━・・
週刊メルマガ by eしずおかブログ事務局
http://eshizuoka.jp/
♪〈メルマガ講座〉ブログにお好きな画像で年賀状を作ろう♪
・・
こんにちは。今日は月曜から久しぶりの雨ですね。いちだんと寒さが厳しく
なり、年の瀬が近づいてきているのを感じます。さて、今週はお待ちかねの
方も!?月に一度のブログ講座です。ブログに表示する年賀状をお好きな画像
で作れちゃう♪ おすすめの方法をご紹介します。ぜひお試し下さいね◎
===================================================================
◇ブログ講座◇【中級】 ~画像の上に文字を表示したい~ □ ~ □ ~
ブログの記事で、写真の上にも文章を入れられたらなぁ~。なんて、思った
ことはありませんか。デザインを凝りたいときに、特別なお知らせに…☆*
ブログに載せる年賀状も作れちゃいます。ぜひご参考にしてみてくださいね。
※見本ブログはこちら※
http://faq.eshizuoka.jp/e973620.html
〈◇下準備・画像の準備をする〉----------------------------------------
まず、文字をのせたい画像を用意します。この作業には、アップロードした画
像がしまわれている場所のURLを知る必要があります。下記の方法で簡単に知
ることができますので、お試し下さい。
画像を選んだら、[ブログ管理画面]の『画像一覧』をクリックしてファイルの
アップロードを行います。
↓
[画像一覧]ページに、新しく画像がアップロードできました。
一覧ページの左サイドに「表示」という項目があります。その下に画像のプレ
ビューがございますので、これをクリックします。
↓
画像1つだけが表示されるページが開きます。このページのURL(=アドレス)
が、画像がしまわれている場所のURLです。このURLを、コピーしてメモ帳等に
保存しておいて下さい。例:"http://◆◆◆.jpg"、"http://◆◆◆.png"など
〈◇使用するタグ〉--------------------------
下記のタグを使用します。●と●の間に、それぞれ情報を入力します。
<table><td width="●1.画像サイズ横●" height="●2.画像サイズ縦●">
<div style="width:100%; height:100%; background-image:url(●3.画像名称
●);"></br></br>
●4.ここに文字を入れます●
</div></td></table>
※見本ブログはこちら※
http://faq.eshizuoka.jp/e973620.html
〈◇タグ解説〉--------------------------
●1.画像サイズ横●=下地になる画像の横のサイズを半角数字で入力します。
●2.画像サイズ縦●=下地になる画像の縦のサイズを半角数字で入力します。
※上記ふたつの「画像のサイズ」を表す大きさは『px(ピクセル)』です。
画像のサイズがわからなかったら、縦・横どちらも「300」と入力し、
表示をみながら調整をして下さい。
●3.画像名称●=<◇画像の準備>で用意した画像のURLを入力します。
『http://◆◆◆.jpg』
●4.ここに文字を入れます●=お好きな文字を入れて下さい。普段の記事投稿
と同じように、文字の色や太さを変えていただけます。
難しく感じるかもしれませんが、以外と簡単にできますので
ぜひ、いろいろな使い方をしてみて下さいね。
-------------------------------------------------------------------◆◇
◆重要◆※自作の画像・写真以外をご使用の際には著作権にご注意ください※
http://faq.eshizuoka.jp/e488859.html
-------------------------------------------------------------------◆◇
□□ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □□
今回のブログ講座はいかがでしたか?講座に対するご意見や、こんな内容
を取り上げて欲しい…などのご要望がございましたら、お気軽にどうぞ。
▼ご意見、お問い合わせはこちらから(お問い合わせフォーム)
http://www.eshizuoka.jp/inquiry.php
・・
11/22号最後までお付き合いただき、ありがとうございました。
会社のブログの広告を非表示にしてスッキリ表示に☆
有料プラン・広告のお問い合わせはこちら▽
http://yuryo.eshizuoka.jp/
◎発行元 eしずおか株式会社 eしずおかブログ事務局
週刊メルマガ by eしずおかブログ事務局
http://eshizuoka.jp/
♪〈メルマガ講座〉ブログにお好きな画像で年賀状を作ろう♪
・・
こんにちは。今日は月曜から久しぶりの雨ですね。いちだんと寒さが厳しく
なり、年の瀬が近づいてきているのを感じます。さて、今週はお待ちかねの
方も!?月に一度のブログ講座です。ブログに表示する年賀状をお好きな画像
で作れちゃう♪ おすすめの方法をご紹介します。ぜひお試し下さいね◎
===================================================================
◇ブログ講座◇【中級】 ~画像の上に文字を表示したい~ □ ~ □ ~
ブログの記事で、写真の上にも文章を入れられたらなぁ~。なんて、思った
ことはありませんか。デザインを凝りたいときに、特別なお知らせに…☆*
ブログに載せる年賀状も作れちゃいます。ぜひご参考にしてみてくださいね。
※見本ブログはこちら※
http://faq.eshizuoka.jp/e973620.html
〈◇下準備・画像の準備をする〉----------------------------------------
まず、文字をのせたい画像を用意します。この作業には、アップロードした画
像がしまわれている場所のURLを知る必要があります。下記の方法で簡単に知
ることができますので、お試し下さい。
画像を選んだら、[ブログ管理画面]の『画像一覧』をクリックしてファイルの
アップロードを行います。
↓
[画像一覧]ページに、新しく画像がアップロードできました。
一覧ページの左サイドに「表示」という項目があります。その下に画像のプレ
ビューがございますので、これをクリックします。
↓
画像1つだけが表示されるページが開きます。このページのURL(=アドレス)
が、画像がしまわれている場所のURLです。このURLを、コピーしてメモ帳等に
保存しておいて下さい。例:"http://◆◆◆.jpg"、"http://◆◆◆.png"など
〈◇使用するタグ〉--------------------------
下記のタグを使用します。●と●の間に、それぞれ情報を入力します。
<table><td width="●1.画像サイズ横●" height="●2.画像サイズ縦●">
<div style="width:100%; height:100%; background-image:url(●3.画像名称
●);"></br></br>
●4.ここに文字を入れます●
</div></td></table>
※見本ブログはこちら※
http://faq.eshizuoka.jp/e973620.html
〈◇タグ解説〉--------------------------
●1.画像サイズ横●=下地になる画像の横のサイズを半角数字で入力します。
●2.画像サイズ縦●=下地になる画像の縦のサイズを半角数字で入力します。
※上記ふたつの「画像のサイズ」を表す大きさは『px(ピクセル)』です。
画像のサイズがわからなかったら、縦・横どちらも「300」と入力し、
表示をみながら調整をして下さい。
●3.画像名称●=<◇画像の準備>で用意した画像のURLを入力します。
『http://◆◆◆.jpg』
●4.ここに文字を入れます●=お好きな文字を入れて下さい。普段の記事投稿
と同じように、文字の色や太さを変えていただけます。
難しく感じるかもしれませんが、以外と簡単にできますので
ぜひ、いろいろな使い方をしてみて下さいね。
-------------------------------------------------------------------◆◇
◆重要◆※自作の画像・写真以外をご使用の際には著作権にご注意ください※
http://faq.eshizuoka.jp/e488859.html
-------------------------------------------------------------------◆◇
□□ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □ ~ □□
今回のブログ講座はいかがでしたか?講座に対するご意見や、こんな内容
を取り上げて欲しい…などのご要望がございましたら、お気軽にどうぞ。
▼ご意見、お問い合わせはこちらから(お問い合わせフォーム)
http://www.eshizuoka.jp/inquiry.php
・・
11/22号最後までお付き合いただき、ありがとうございました。
会社のブログの広告を非表示にしてスッキリ表示に☆
有料プラン・広告のお問い合わせはこちら▽
http://yuryo.eshizuoka.jp/
◎発行元 eしずおか株式会社 eしずおかブログ事務局