2010-02-12 06:11:00

ブログにバナーを貼り付ける方法

テーマ:画像使用・バナー貼付

このブログのバナーを作ってみました♪


超初心者のためのアメブロ作成講座



今日は、バナーを貼り付ける方法を紹介します。


バナーのタグは、コレ☆

<a href="http://ameblo.jp/muryo-blog/ " target="_blank"><img src="http://stat.ameba.jp/user_images/71/78/10089097869_s.gif " border="0" alt="超初心者のためのアメブロ作成講座" /></a>



(1)上記のバナーのタグを、コピーします。

1.バナーのタグをコピー


(2)コピーしたバナーのタグを、ブログの記事編集画面

「HTMLタグを表示」タブをクリックして、ペースト。


2.バナーのタグをペースト


「タグの非表示」タブをクリックすると、

このように、バナーが表示されます^^

3.バナー表示

バナーは、記事本文内のほか、

サイドバーのフリースペースや、メッセージボードなど

HTMLタグが使えるエリアに貼り付けることができます♪





(サイドバーに貼る方法は、こちら)

画像をフリースペースに貼る方法


(メッセージボードの編集方法は、こちら)

目次をトップページ上部(メッセージボード)に、作成する方法




ちなみに、このタグを同じ手順で貼りつけると。。


<a href="http://ameblo.jp/tetsubiz/entry-10447278397.html
">
<img src="
http://ameblo.bz/img/teamamebon.gif ">


GIFアニメの動くバナーを貼ることもできます☆





みなさんのブログにも、ぜひ貼り付けてみてください(笑)



【参考記事】

初心者が100人集客する技術【ゼロからのセミナー集客】

【超初心者編】バナーの貼り方。



自分が飛ばしたいページにリンクを貼って

バナーを貼り付ける方法は、

こちらに、わかりやすい手順が紹介されています☆

【SVAスタッフ 鎌倉のブログ】 ブログにバナーを貼ってみた



【関連記事】

バナーが貼り付けられる位置

バナーのHTMLタグについて

バナーのHTMLタグ

シンプルで簡単なバナーを作ってみよう!(1)

シンプルで簡単なバナーを作ってみよう!(2)

パソコン画面を画像化・トリミングする方法
画像をブログ用に縮小【ブログ画像の適正サイズ】
ブログ記事に画像を使用するには(アメブロ編)

画像の貼りつけ位置の指定(アメブロ編)
画像をフリースペースに貼る方法
プロフィール画像を変更する方法


しもまゆのメルマガ

Blog Beginer's-超初心者のための無料ブログ作成講座-

(ID:0000192991)
まぐまぐ! 』から発行しています。



姉妹ブログ「画像加工の便利帳」


超初心者のためのアメブロ作成講座

ブログにバナーを貼り付ける方法

目次【アメブロ関連記事一覧】

初心者向けブログ関連本・書籍一覧

「超初心者のためのアメブロ作成講座」トップページ

PR

コメント

[コメントをする]

1 ■お世話になってます

フリースペースに貼り付けさせていただきました(*'-'* )

2 ■>ゆこさん

ブログ拝見しました♪
(‐^▽^‐)
サイドバーのフリースペースに
ちゃんと、バナー貼れてますね☆
o(^▽^)o
ありがとうございま~す!

ブログに使ってるカエルさんと、
緑色がマッチしてて、なかなか◎
(緑色を「カエル色」と呼んでしまう、
実は、カエル好きの私でした 笑)

3 ■ありがとうございます

無事貼り付け完了です
勉強になりました
ブログパーツについて勉強します

4 ■>kyo13satoさん

コメント、ありがとうございます!
(‐^▽^‐)

お役に立てれば、私もうれしいです☆

私も、初めてバナーを貼り付けて、
ちゃんとリンク先に飛ぶようになった時は、
ちょっと感動したのを、思い出します。。

5 ■無題

ありがとうございます!!!!!

ずっと悩んでいたんですが、たすかりました!!!!!

6 ■>●´∀L1ちご姫 さん

よかった~!
(‐^▽^‐)

お役に立てれば、さいわいです☆

7 ■無題

いつもいろいろなことがすごく分かりやすく書かれていてすごいな、と思います(-^□^-)

バナーフリースペースに貼り付けておきます^^

8 ■>らんさん

ブログ、拝見しました☆

とても、女の子らしい
かわいいブログですね♪
(*^▽^*)

私のブログのバナーも
貼ってくださって、ありがとう!

分かりやすいと言っていただけて、
とてもうれしいです^^

今後とも、よろしくお願いします☆

9 ■無題

貼り付けさせていただきました。ありがとうございます。いつも勉強になります。

10 ■Re:無題

>トコmamaさん

バナー、貼ってくださったのですね!
(^O^)/

私のブログも、紹介してくださり、
どうもありがとうございます♪

11 ■勉強になりました

ありがとうございます。

勉強することが、イッパイです。

ころからも、参考にさせてください。

12 ■Re:勉強になりました

>mebuさん

コメント、ありがとうございます☆

参考になれば、さいわいです。
(‐^▽^‐)

またの訪問を、お待ちしてます^^

13 ■無題

今、しもまゆさんのバナー関連記事を見てるんですが難しいです・・

もう少し頑張ってみます!

自分のバナーも作った方がいいのでしょうか?
しもまゆさんのブログは勉強になるので、皆さん必要かと思うんですが・・

私の場合は必要ないのか良くわかりません(・_・;)

14 ■>癒しプロデューサー,Naiaさん

オリジナルのバナーは、
ひでさんにお願いするのも、オススメ◎

バナーだけじゃなくて
ヘッダの画像やブログスキンも含めた
トータルコーディネイトが
できるといいかもしれませんね。
(私、イメージカラーコンサルタントの
資格も持ってたりするので、
そういうコンサルも、やってみたいわ~)

15 ■こんばんわ^^

お聞きします♪
サイドバーにbrogrankingをはりつけているのですがこちらからメッセージボード内に移動させたいのですが、どのようにしたらいいのでしょうか?
教えて下さいませんか^^
その時にメッセージも書きこみたいのですが?
よろしくお願い致します。

16 ■>サチママさん

i2iなどのブログランキングは、
サイドバーのフリープラグインにしか、
貼ることができませんf^_^;

メッセージボードには、
自分作成したテキストリンクや
バナーなどのHTMLタグのみ
貼り付け可能です☆
(メッセージボードに、ブログランキングなどの
ブログツールのタグを貼ろうとすると、
「禁止タグは貼れません」という内容の
エラーメッセージが表示されると思います)

17 ■こんにちは

ありがとうございます。

勉強になりました!(^^)!

18 ■はじめまして

かなりの初心者です。 張り付け方がいまいちわかりませんm(__)m 一度私のブログ見てみてください ただ張り付けただけではダメなのでしょうか‥
記事編集ってどこにあるんですか?

19 ■フリースペースに貼らせてもらいました♪


オイラは非営利のブログ初心者向きにアクセスアップ講座をやってるので
是非とも誘導したいと思い貼らせて頂きました☆

20 ■お願いします。

Blogに画像をのせたいのですが、上下がさかさまになってしまうんです。
どの様にすれば直るのでしょうか?

21 ■>JSさん

それは、元の画像を
180度回転させないと。。

22 ■無題

アメブロはじめます!!!

23 ■アメブロバナー

すみません。・゚゚・(≧д≦)・゚゚・。
 出来なかったです!!
どうすればいいですか。゚(T^T)゚。?!

24 ■アメブロバナー

要約つきましたヘ(゚∀゚*)ノ!!

最高です(^O^)/♪!!

ありがとう御座います☆!!

25 ■無題

貼り付けさせて頂きました!
勉強になりました、
ありがとうございますー。

26 ■無題

他の人にバナー貼ってほしいんですけど…
どうしたら紹介できますか?
紹介しようとしても画像で出ちゃうんです…
教えてください!!

27 ■無題

かなりわかりやすかったです!!ありがとうございます。助かりました。

28 ■無題

バナーを無事張ることができました!


ですが、トップページのメッセージボードがチカチカしておかしくなっちゃいました!

どうすればいいでしょうか!

教えてください!!

29 ■初コメントです

フリースペースに貼り付けさせていただきます。
今後とも勉強させて頂きます。

コメント投稿

[PR]気になるキーワード