[新デザイン編] 個別記事にリンクを貼る方法 | アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!

カスタマイズ,アクセスアップ,カスタム,スキン,依頼,料金,スキン作成,スキンのデザイン,オリジナル,CSSの編集,HTML,JavaScript,ヘッダー,ヘッダーデザイン,広告,非表示,フリープラグイン,フリースペース,メッセージボード,改造,オリジナルデザイン

CSS編集用デザイン以前、仕様が変わる前のデザインでこの記事を書いたのですが、新デザイン用にも書かせていただきます。

!今回の記事は、左記の新デザイン「CSS編集用デザイン」を適用されている方向けです。


アメブロの個別記事に、リンクを貼る方法の手順です。
直接1つの記事にリンクを貼りたい場合の方法となります。
よく間違えてテーマへリンクを貼っている方をお見かけいたします。。。ガクリ

テーマから記事を辿ってリンクアドレスを調べて貼ってしまうと、そのテーマの記事が増えた際に、アドレスが変わってしまいます。ご注意ください。


【個別記事にリンクを貼る方法】

1リンクを貼りたい記事のアドレスを調べるために、その記事のブログタイトルををクリックし、個別記事を表示させます。
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



2個別記事が表示され、InternetExploreやFirefoxなどのブラウザの上部に、その個別ページのアドレスが表示されます。
!アメブロの個別記事は、必ず下記のように entry から始まるので、間違えていないか確認してください。

http://ameblo.jp/ameblo-book/entry-10760704628.html


文字にリンクを貼る方法



3リンク先のアドレスを全てコピーします。キーボードのCtrlCでもコピーできます。文字にリンクを貼る方法



4アメブロの記事投稿画面で、記事を書きます。
今回は「文字にリンクを貼る方法」にリンクを貼ります。

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



5リンクを貼る「文字にリンクを貼る方法」にカーソルをなぞります。

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



6リンクボタンをクリックします。

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



7URL欄に2でコピーしたアドレスを貼り付けます。CtrlV で貼り付けできます。

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法
やじるし
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!
やじるし
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



8リンク先の表示方法を設定します。
・新しいウィンドウは、自分のアメブロ以外へのリンクを貼る場合
・同じウィンドウは、自分のアメブロ内へのリンクを貼る場合

詳しく知りたい方はこちらやじるしリンクの「新しいウィンドウ」と「同じウィンドウ」の使い分け

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



9リンクまたは決定ボタンをクリックして、リンクを貼ります。

▼標準エディタ、タグエディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



10×をクリックして、リンク設定ウィンドウを閉じます。
!標準エディタの場合は、「リンク」ボタンをクリックした際にウィンドウが閉じるので、この作業は不要です。

文字にリンクを貼る方法



11リンクの設定ができました。

▼標準エディタの場合
文字にリンクを貼る方法

▼タグ編集エディタの場合
文字にリンクを貼る方法

▼新エディタの場合
$アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタムCSS編集方法公開!



12「表示を確認する」でリンクされているか確認し、完了です。
!現在のアメブロの仕様では、「表示を確認する」では、見た目の確認はできますが、リンクがきちんと貼られているか否かは、実際に公開しないと確認できません。

文字にリンクを貼る方法