アメブロを魅せるブログデザインに変身。ブログ作成方法、カスタマイズ、裏技スキンカスタム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「表示を確認する」でリンクされているか確認し、完了です。
!現在のアメブロの仕様では、「表示を確認する」では、見た目の確認はできますが、リンクがきちんと貼られているか否かは、実際に公開しないと確認できません。

文字にリンクを貼る方法
















AD
いいね!した人  |  コメント(1)  |  リブログ(0)

AD

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。