リンクの仕方
Step.1♪アメブロ管理画面、記事・メッセージボード内でのリンクの貼り方♪
１．リンクを貼りたい部分（文字・画像）を選択します。
例・♪はっぴいのおと♪
↑文頭にカーソルを合わせてみると（ Ｉ ）になりますね？
その状態で「左クリックを押したまま」右へ進んでみてください。
色が反転しましたか？これが選択した状態です。
ちなみに「Shiftキー」を押したまま、「矢印キー」を押して動かしても
色が反転し、選択できます。
《補足》
反転した状態の上で「右クリック」して「コピー(C)」をクリックします。
次にコピーしたい先で、マウスを「右クリック」して「貼りつけ(P)」をクリックします。
同じものが貼り付けられましたね！これがコピー＆ベーストです♪
コピー＆ペースト（略して「コピペ」）はブログはもちろん、パソコンをいじる上でも、
最低限必要だと思いますので、知らなかった方は、
これを機会にモノにしてしまいましょうね(*^_^*)
２．そのままの状態で、
を押します。
３．すると、こんな画面が出てきます。
そのURLの欄に、リンクしたい先のURLを入れます。
もちろんコピペだと簡単ですね♪
４．リンクボタンを押して、完成！
こんな風になりましたか？
例・ ♪はっぴいのおと♪
ここまでは簡単でしたね(*^_^*)
次は応用編！HTMLを使っていきましょう♪
Step.2♪HTMLを使ったリンクの貼り方♪
さて、ここからが本番です☆
頑張っていきましょう！p(#^∇°)q ファイトッ♪
アメブロ管理画面、記事・メッセージボード内では
のボタンを押すと、HTMLタグでの編集が出来るようになります。
また、HTMLをつかうと、サイドバーのプロフィール欄の編集が可能になります！
へっ！？HTなんたらを見ているだけで、嫌になってきた？？
ま、そういわず・・・(^_^;)ほんの少し覚えるだけで、
いろんなことが出来るようになるんですから！！
１．文字をリンクする
まずは文字のリンクをしてみましょう☆
HTMLタグはこちら♪
<a href="ココにURLを入力" target="_blank">ココにリンク先の文字</a>
※aとhrefの間、"URL"とtargetの間に半角スペースを入れましょう！
例・ <a href="https://blog-imgs-77.fc2.com/m/a/m/mamahokenshitsu/blog_import_5ae1504044cb3.gif" target="_blank">♪はっぴいのおと♪</a>
結果はこんな感じ→♪はっぴいのおと♪
ね、簡単でしょう？
<a href=～>○○○</a>は、リンクをするためのタグ。
これからもたくさん出てくるので、覚えておくといいですね♪
♪余談♪
HTMLは「サンドウィッチ」って思うといいかも。
<a href=～>○○○</a>
この場合、ほら、同じものの間にリンクしたいものが挟まっているでしょう？
同じものの前に「/」、それではさむ！基本はみんな同じです。
この説明、ちゃんといえば正しくはないはず(^_^;)
入門編の理解の仕方ぐらいに思っておいてくださいね。
２．画像をリンクさせる
さぁ、いよいよ、画像にリンクをはります！
コレができれば、バナーがはれますよ☆
まず、最初に画像を表示させるHTMLタグは、
<img src="ここに画像のURL" border="0">
※imgとsrcの間、"URL"とboederの間に半角スペースを入れましょう！
コレを使うと、プロフィール欄なんかでも、画像を表示できます。
このimgタグをつかった応用編は、また次回♪
※画像のURLについてわからない方は、こちらから♪
では早速、画像にリンクをはってみましょう！
HTMLはこちら♪↓
☆同窓表示の場合☆
<a href="ここにリンク先のURL"><img src="ここに画像のURL" border="0"></a>
例・ <a href="https://blog-imgs-77.fc2.com/m/a/m/mamahokenshitsu/blog_import_5ae1504044cb3.gif"><img src="http://ameblo.jp/user_images/c0/b5/10001148648_s.gif " border="0"></a>
結果はこんな感じ♪⇒
☆別窓表示の場合☆
<a href="ココにリンク先のURL" target="_blank"><img src="ココに画像のURL" border="0"></a>
例・ <a href="https://blog-imgs-77.fc2.com/m/a/m/mamahokenshitsu/blog_import_5ae1504044cb3.gif" target="_blank"><img src="http://ameblo.jp/user_images/c0/b5/10001148648_s.gif " border="0"></a>
結果はこんな感じです♪⇒
２番目の画像をクリックしてみてください。
別窓でリンク先が表示されましたね？
つまり、<target="_blank">タグを追加すると、別窓で開く設定になるのです。
さぁ、出来ましたか？
コレができるようになると、バナーを使ったLINKや、
ランキング参加の際に必要なバナーの貼り付けも出来ると思います！
わからなかったら、どうぞお気軽にメールやコメントで質問をどうぞ♪
■この記事にコメント残してくれた方のとこには、遅くなっても
必ず訪問コメントさせていただきますっ！
■Rankingに参加しています！！役に立ったよ♪という方は
ポチッとしてやってくださいね♪(ﾉ´∀｀*)ﾖﾛｼｸﾃﾞｽ！
