リンクの貼り方 | アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

リンクの貼り方

リクエスト記事ですのでわかっている方はスルー下さい



後で加工とかしますので標準エディタを使います



リンクの仕方はわかっていると思いますが文字を選択してから [URL] ボタン ↓


2008/12 ・・・画像を貼る、リンクボタンが変更されています


アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦!

↑ 新しいエディタのボタン




ちなみにリンク先のURLをコピーしていない場合は・・・・・・

画面のどれでもかまいませんのでリンクの上で右クリック・・・・

新しいウィンドウで開く

※同一画面で開くようになっているリンクをクリックしてしまうと記事が消えてしまいます

 そのようなリンクでも右クリック→新しい・・・ でOK


↓新しいウィンドウが開いたら・・・・


↓検索等を使ってリンクしようとしているページを表示してから アドレスをコピーします


↓再び文字を選択して [URL]


↓リンクの追加画面が立ち上がりますので URL に貼り付けます


新しいウィンドウで開く・同じウィンドウで開くを選択して リンク








では、画像 バナーからリンクする方法



↓こんな画像、バナーを用意して自分の画像フォルダーにアップします

※リンク先で直リンするように指示が無い限りはダウンロードしてから使ってください



↓記事中に画像、バナーを貼り付けます


↓リンクを貼る画像をクリックしてから [URL] ボタン



これで画像からリンクが貼れました・・・・・


・・・・・記事からは貼れるんです!!フリースペースとかに使いたいんです!!!



↑な、場合は HTMLタグを表示


↑リンク部分のHTMLをコピーしちゃいます・・・・


↓それをフリースペースに貼り付けます

 ※文字からのリンクはフリースペースでも可能ですが画像を使う場合はこれの方が楽?

↑プレビュを見ると間隔があきすぎなので改行タグ<br />を削除してみます

↑改行がなくなり間隔が詰まりました・・・・・↓


↑左に寄っていますので中央揃えにしてみます・・・


中央揃えのタグ <center> を最初に 最後に </center> で閉じるのを忘れないで下さい




↑中央に揃いました・・・・・・

この場合はフリースペースに貼り付けるタグがほしかっただけなので記事を保存する必要はありません





で、・・・・・



たとえば・・・・・・

リンクタグとかを記事に書きたい場合がありますよね

そのまま貼り付けると

↑アメブロのおせっかいエディタが勝手にリンクを貼ってしまいます

気にならない方は・・・・このままでいいんですが

気になる方は・・・・・

↑HTMLタグを表示してから <a>タグを削除します

↑該当部分の<a>タグ 2ヶ所  赤マーカーの部分を削除します



↑削除すると・・・・・・    ↓へんなリンクがなくなっています



この方法はココのページのように記事に貼り付けた画像をクリックできないようにする場合も使います

※クリックできてもかまいませんが、オリジナルで貼り付けていますからクリックしても同じサイズの画像が立ち上がります・・・・意味ないのでクリックできないように<a>タグを削除します