ママンのトップページのお役立ち情報一覧やピグ裏技集のバナーから
記事に飛ぶようになっていますが、
そういう画像から飛べるようにするのはどうやるのか？との質問がありましたので
記事でお答えさせてもらいますね。
メッセージボードだけでなく・・・サイドバー、記事中でもこれは可能です。
こんな画像を貼ってみます。
普通だったら画像をクリックすると、画像だけのページに飛んでしまいます。
画像だけのページではこの画像は元々は
もっと大きいので本来の大きさになっています。
しかし画像にリンクを貼ると、リンクしたページに飛ぶことが出来ます。
それでは、別のページに飛ばしてみましょう。
画像をクリックしてみてください。
サル軍団率いる親玉ハルさんのページに飛びましたか？
それでは画像をクリックするとリンク先に飛ぶやり方です。
①画像を貼ります。
②画像をクリックしてリンクボタンを押します。
画像を反転でもいいです。
↑のようにしてから、リンクボタンを押し、リンク先を入力します。
③これで画像にリンクが貼れました。
Firefoxの場合は新しいウインドウが機能しないで 「target="_blank」を勝手に
なくしてくれるので、後で手打ちが必要となります。
同じウインドウでよければそのままでOK。
新しいウインドウとは、今開いているのと別ページ(別タブ)で開くので
見終ったらブラウザの☓(閉じるボタン)で閉じればいいのですが、
同じウインドウだと、開いているページが飛んだ先のページとなるので
ブラウザの戻るボタンで戻らないと元のページに戻れません。
これ、ほんと早く直して欲しいよね。
タグはこのようになっています。
青がハルさんのページ
赤が画像のURL
緑が新しいウインドウ
<a href="http://ameblo.jp/harutora-world/entry-10616263085.html" target="_blank"><img border="0" alt="Maman☆World" src="http://stat.ameba.jp/user_images/20100815/08/maman44/15/8c/p/t02200179_0485039510694212931.png" /></a>
これで、サイドバーなどにも画像からリンクするバナーなどが貼る事が出来ます。
ただし、サイドバーはタグ打ちしないといけないので、
タグがわからない人には難しいですよね。
なので、記事を書く要領で画像にリンクして、
HTMLタグを表示をクリックするとタグがわかりますので、
それをコピーしてサイドバーに貼り付ければいいということです。
そして画像にリンクが貼れたら、後で必ずそのページに飛ぶか確認してくださいね。
※普通に文字にリンクする方法はこちらを参照してください。
↓↓↓
http://ameblo.jp/maman44/entry-10537870138.html