「月を眺める会」会員章バナー New !!
「月を眺める会」会員章バナーを作ってからずいぶん時間が経ちました。
そこでバリエーションを増やして、新たに3パターンのデザインを追加し、計4パターンのデザインをご用意しました!
どれがお好み?
満月Ver.
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/93/b7/j/t01500080_0150008013029160297.jpg" alt="bannar_full" width="150" height="80" border="0" /></a><br> 会員No.○○○
昼月Ver.
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/82/3e/j/t01500080_0150008013029160298.jpg" alt="bannar_day" width="150" height="80" border="0" /></a><br> 会員No.○○○
夕月Ver.
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/c0/00/j/t01500080_0150008013029160299.jpg" alt="bannar_crescent" width="150" height="80" border="0" /></a><br> 会員No.○○○
基本Ver.
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20091128/17/toogw70/50/d7/j/o0150008010322309297.jpg" alt="$今日の月はどんな月?" border="0" /></a><br> 会員No.○○○
◆◇◆◇◆◇◆◇ バナーの設置方法(アメブロ版) ◆◇◆◇◆◇◆◇
《バナーを設置できる場所》
・ブログヘッダー下の「メッセージボード」
・サイドバーの「フリープラグイン」、「フリースペース」
・ブログの「記事」
・ルームの「自己紹介」、「フリースペース」
※「フリープラグイン」への設置は、あまりおススメしません。
理由その① 不慣れな方には少々仕組みが分かりにくいから。
理由その② ブログパーツをすでにいくつか設置しているような場合には、文字数制限(3000文字)で設置できないことがあるから。
《設置の手順》
!ポイント!
★設置方法に迷った時にすぐに確認できるように、このページは開いたままにしましょう。
★「新しいウィンドウ」または「新しいタブ」で設置場所のページを開きましょう。
【ケース1】
・・・ブログの「記事を書く」の「標準エディタ」と同じように、画像を直接貼れるところへの設置
①上のバナー画像にカーソルを合わせて、右クリックで「コピー」を選ぶ。
②設置する場所の書き込み欄に右クリックで「貼り付け」る。
③「表示を確認」して「保存」や「公開」などをする。
【ケース2】
・・・「HTMLタグが使用できます」と説明が書いてあるところへの設置
①使いたいバナー画像下のタグを「コピー」する。
②設置する場所の書き込み欄に右クリックで「貼り付け」る。
③「表示を確認」して「保存」や「公開」などをする。
【ケース3】
・・・上記方法で設置できない場合
①使いたいバナー画像を「ダウンロード(画像にカーソルを合わせて右クリック→名前を付けて画像を保存)する。
②ダウンロードしたバナー画像を「画像フォルダ」に「アップロード」する。
③「ブログを書く」で記事編集画面を(旧エディタでは「タグ編集エディタ」を、新エディタでは「HTML表示」を選んで)開く。
④記事編集画面で「画像フォルダ」からバナー画像を選ぶ。
⑤記事編集画面に表示されたタグの画像のURL部分を次のように置き換える。
<a href="http://○○○○○画像のURL○○○○○.jpg"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/c0/00/j/t01500080_0150008013029160299.jpg" style="width:150px; height:80px; border:none;" alt="bannar_crescent"></a>
上記の赤字部分を→"http://ameblo.jp/toogw70/" target="_blank"に置き換える。
⑥置き換えたタグを「コピー」する。
⑦設置する場所の書き込み欄に右クリックで「貼り付け」る。
⑧「表示を確認」して「保存」や「公開」などをする。
《設置したバナーの確認》
設置したバナーをクリックて、このブログが開けばバナーの設置は成功です!
もしも、うまくいかない時はお気軽にお問い合わせくださいね~(^-^)/~
そこでバリエーションを増やして、新たに3パターンのデザインを追加し、計4パターンのデザインをご用意しました!
どれがお好み?
![bannar_full](https://stat.ameba.jp/user_images/20140809/13/toogw70/93/b7/j/t01500080_0150008013029160297.jpg?caw=800)
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/93/b7/j/t01500080_0150008013029160297.jpg" alt="bannar_full" width="150" height="80" border="0" /></a><br> 会員No.○○○
![bannar_day](https://stat.ameba.jp/user_images/20140809/13/toogw70/82/3e/j/t01500080_0150008013029160298.jpg?caw=800)
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/82/3e/j/t01500080_0150008013029160298.jpg" alt="bannar_day" width="150" height="80" border="0" /></a><br> 会員No.○○○
![bannar_crescent](https://stat.ameba.jp/user_images/20140809/13/toogw70/c0/00/j/t01500080_0150008013029160299.jpg?caw=800)
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/c0/00/j/t01500080_0150008013029160299.jpg" alt="bannar_crescent" width="150" height="80" border="0" /></a><br> 会員No.○○○
![$今日の月はどんな月?](https://stat.ameba.jp/user_images/20091128/17/toogw70/50/d7/j/o0150008010322309297.jpg?caw=800)
会員No.○○○
<a href="http://ameblo.jp/toogw70/" target="_blank"><img src="http://stat.ameba.jp/user_images/20091128/17/toogw70/50/d7/j/o0150008010322309297.jpg" alt="$今日の月はどんな月?" border="0" /></a><br> 会員No.○○○
◆◇◆◇◆◇◆◇ バナーの設置方法(アメブロ版) ◆◇◆◇◆◇◆◇
《バナーを設置できる場所》
・ブログヘッダー下の「メッセージボード」
・サイドバーの「フリープラグイン」、「フリースペース」
・ブログの「記事」
・ルームの「自己紹介」、「フリースペース」
※「フリープラグイン」への設置は、あまりおススメしません。
理由その① 不慣れな方には少々仕組みが分かりにくいから。
理由その② ブログパーツをすでにいくつか設置しているような場合には、文字数制限(3000文字)で設置できないことがあるから。
《設置の手順》
!ポイント!
★設置方法に迷った時にすぐに確認できるように、このページは開いたままにしましょう。
★「新しいウィンドウ」または「新しいタブ」で設置場所のページを開きましょう。
【ケース1】
・・・ブログの「記事を書く」の「標準エディタ」と同じように、画像を直接貼れるところへの設置
①上のバナー画像にカーソルを合わせて、右クリックで「コピー」を選ぶ。
②設置する場所の書き込み欄に右クリックで「貼り付け」る。
③「表示を確認」して「保存」や「公開」などをする。
【ケース2】
・・・「HTMLタグが使用できます」と説明が書いてあるところへの設置
①使いたいバナー画像下のタグを「コピー」する。
②設置する場所の書き込み欄に右クリックで「貼り付け」る。
③「表示を確認」して「保存」や「公開」などをする。
【ケース3】
・・・上記方法で設置できない場合
①使いたいバナー画像を「ダウンロード(画像にカーソルを合わせて右クリック→名前を付けて画像を保存)する。
②ダウンロードしたバナー画像を「画像フォルダ」に「アップロード」する。
③「ブログを書く」で記事編集画面を(旧エディタでは「タグ編集エディタ」を、新エディタでは「HTML表示」を選んで)開く。
④記事編集画面で「画像フォルダ」からバナー画像を選ぶ。
⑤記事編集画面に表示されたタグの画像のURL部分を次のように置き換える。
<a href="http://○○○○○画像のURL○○○○○.jpg"><img src="http://stat.ameba.jp/user_images/20140809/13/toogw70/c0/00/j/t01500080_0150008013029160299.jpg" style="width:150px; height:80px; border:none;" alt="bannar_crescent"></a>
上記の赤字部分を→"http://ameblo.jp/toogw70/" target="_blank"に置き換える。
⑥置き換えたタグを「コピー」する。
⑦設置する場所の書き込み欄に右クリックで「貼り付け」る。
⑧「表示を確認」して「保存」や「公開」などをする。
《設置したバナーの確認》
設置したバナーをクリックて、このブログが開けばバナーの設置は成功です!
もしも、うまくいかない時はお気軽にお問い合わせくださいね~(^-^)/~