★あもブログ★ クエスト 締切が一目でわかる!カレンダー&カウントダウン

ピグライフ、ピグカフェ、ピグアイランド、クエスト、イベント、カスタマイズ、CSS、ブログ改造


テーマ:

2012/11/15 追記
ピグワールドの個別URLを「リンク先URLまとめ」の表に追加しました
追記箇所はこちら



今回のカスタマイズ


さて、今回は、「文字や画像にリンクを貼る方法」をご紹介しますはーと

「リンクを貼る」というのは、
その文字や画像をクリックしたときに、指定したURLにとぶようにさせる
ということです

すでに充分ご存じの方も多いと思いますが、
けっこうちょくちょくご質問をいただくので、
一般的なタグのご紹介だけを簡単にさせていただきますねりぼん


編集する箇所


フリースペース、フリープラグイン、記事内、メッセージボード、
プロフィールページの自己紹介、プロフィールページのフリースペース
に貼り付け可能です

★あもブログただし、CSSには貼っても機能しません
誤ってCSSに貼ると、他の機能に影響を及ぼす場合があるので、注意してね


やり方


では、リンクを貼った文字や画像のタグを作ってみましょうダイヤ

簡単な作り方としては、このように↓すれば、ワンタッチでできあがります
マイページから「ブログを書く」を開く
 ↓
記事に画像や文字をのせて、その画像や文字を選択する
 ↓
「リンク」ボタンを押し(新エディタの場合:/旧エディタの場合:)、
URLを入力して決定する

ただ、この方法だと不要なタグが含まれていて異常に長く、
文字数制限のある場所などでは不便なことも…亜友未


なので、一番シンプルなタグを覚えておくと便利ですsei☆


 文字にリンクを貼る場合 <a href="リンク先のURLtarget="_blank">リンクを貼りたい文字</a>

 画像にリンクを貼る場合 <a href="リンク先のURLtarget="_blank"><img src="画像URLborder="0" /></a>

リンク先のURL」には、とばせたい先のURLを入れてね

target="_blank"」は、リンク先を別ウィンドウ(タブ)で開かせるものですsss
同じウィンドウ(タブ)で開かせたいときには削除してね

もっとも、同じウィンドウで開かせると、
リンク先にジャンプした人が、もとのところに戻れなくなってしまう可能性があるので、
わたしは別ウィンドウで開かせるのをおすすめしますよ~


画像URL」には、
画像フォルダにアップした画像のURLを入れてくださいね
(→画像URLとは??

また、
表示されるブラウザによって、画像のまわりに枠線がついてしまうことがあるので、
その枠線を表示させないようにするために
border="0"」も入れておきます


こんな感じでタグができあがったら、
ピンクのマーカー部分を改行なしでコピーして、
フリースペース、記事内など、自分の好みの場所に貼るだけです♥akn♥


動作環境


わたしが確認したブラウザは、Windows版の
★あもブログ★Internet Explorer9/★あもブログ★Google Chrome20/★あもブログ★Firefox14/★あもブログ★Safari5
です


リンク先URLまとめ


とばせたい先のURL(=リンク先のURL)としてアメブロでよく使うものをまとめたので、
参考にしてくださいsei

AmebaのIDには、自分や友達のIDを入れてね♥akn♥

リンク先URL
ブログのトップページ
http://ameblo.jp/AmebaのID/
記事
(※下記に説明あり)
http://ameblo.jp/AmebaのID/entry-記事の番号.html
プロフィールページ
http://profile.ameba.jp/AmebaのID/
読者登録
http://blog.ameba.jp/reader.do?bnm=AmebaのID
知らせて読者登録
http://blog.ameba.jp/readermessage.do?bnm=AmebaのID
なう
http://now.ameba.jp/AmebaのID/
メッセージ
http://msg.ameba.jp/popupSendMessageInput.do?toAmebaId=AmebaのID
アメンバー申請
http://amember.ameba.jp/amemberRequest.do?oAid=AmebaのID
ペタ
http://peta.ameba.jp/p/addPeta.do?targetAmebaId=AmebaのID

ブログからのペタ:
http://peta.ameba.jp/p/addPeta.do?targetAmebaId=AmebaのID&service=blog
ブログ記事からのペタ:※現在機能しないようです
http://peta.ameba.jp/p/addPeta.do?targetAmebaId=AmebaのID&service=blog_e
なうからのペタ:
http://peta.ameba.jp/p/addPeta.do?targetAmebaId=AmebaのID&service=now
プロフィールページからのペタ:
http://peta.ameba.jp/p/addPeta.do?targetAmebaId=AmebaのID&service=profile
プレゼント
http://present-shop.ameba.jp/shop/top?toAmebaId=AmebaのID
ピグ
個別URL
http://pigg.ameba.jp/?targetAmebaId=AmebaのID
ピグライフ
個別URL
http://pigg-life.ameba.jp/user/AmebaのID

http://life.pigg.ameba.jp/user/AmebaのID(2012年5月15日より新URL)
ピグアイランド
個別URL
http://island.pigg.ameba.jp/user/AmebaのID
ピグカフェ
個別URL
http://cafe.pigg.ameba.jp/user/AmebaのID
http://world.pigg.ameba.jp/user/AmebaのID 
ツイッター
https://twitter.com/TwitterのID



記事のURLは、
該当の記事のタイトルをクリックするとブラウザの上部に表示されるURLのことですsei

★あもブログ★ クローバークエスト締切が一目でわかる!カレンダー&カウントダウン


たとえば、わたしのブログの「無人島に漂着しました」の記事のURLは、
http://ameblo.jp/peachful4/entry-11245165178.html
ということになります☆

この記事にマイページから直接とんだりすると、URLが
「http://ameblo.jp/peachful4/entry-11245165178.html?__utma=1.1055682783.1336633938.1336633938.
1336633938.1&__utmb=1.20.9.1336635776757&__utmc=1&__utmx=-&__utmz=1.1336633938.
1.1.utmcsr=%28direct%29|utmccn=%28direct%29|utmcmd=%28none%29&__utmv=-&__utmk=249568774」
というように、
余分なものがいっぱいついた長いものになってしまっていることがありますsei

その場合は、ブログ内でもう一度記事タイトルをクリックし、
短い表記にさせてからコピペしてねsei

記事URLが分かれば、
「この記事をとくに紹介したい!」っていうときに便利だよ~キラキラ


さいごに


今回は、別ページにとばす方法をご紹介しましたが、
同一ページの特定の箇所にとばすこともできます
それについては、こちらの記事「同一ページ内にリンクさせる」をご覧ください

カスタマイズを敬遠していた方にすこしでも興味をもっていただけたら嬉しいですsei
さっそく、この記事のリンクを貼って、ぜひお友達にも紹介してあげてくださいハート②

★あもブログ★文字や画像にリンクを貼る & リンク先まとめ



♫*:..。♡*゚¨゚゚・♫*:..。♡*゚¨゚゚・♫

今1番マッサージしてほしい箇所 ブログネタ:今1番マッサージしてほしい箇所 参加中
本文はここから

肩、肩、肩sei

姿勢が悪いからか、めっっっちゃ肩こり症なのですしずく
石のせてるみたいに重い…sei
いいね!した人  |  コメント(58)
PR

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