Home  » HTML/CSS  » リンクタグを表示しました。

Sponsored links

リンクタグを表示しました。

久し振りにカスタマイズネタです。 Blogにリンクしてもらう際に簡単にタグをコピーしてもらえるようにするためにテキストボックスの中のにリンクタグを追加しました。 場所は、トラックバックURLのすぐ上です。


追記部分を読む

ブログやサイトでタグを表示しようとすると当然タグの内容が実行されてしまいます。タグを表示する方法は、特殊文字を変換する必要があります。例:[<]は→[<]とまります。
HTMLの特殊文字 : IT用語辞典 e-Wordsしかし、こんなのをキーボードの手打ちやっていたらミスの元だし時間もかかりますので、自動で変換してくれるサイトを利用しましょう。変換をしてくれるサイトはいくつかありますので気に入ったところを使うといいです。

自分が使いやすかったサイトは、TAG Convert: コード変換【入力】です。変換した後もタグとしてみた文字を表示してくれます。

なおFirefoxは連続した半角英数字を自動改行しません。改行させるにはCSSでスクロールバーを表示させるようにして下さい。

<div>
 <div class="trackbackurlttl">この記事のリンクタグ</div>
 <div class="trackbackurl">
  <table cellspacing="0" cellspacing="5" border="0">
   <tr>
    <td width="99%">
    <input type="text" value="<a href="<$ArticlePermalink$>" target="_blank" title="<$ArticleTitle ESCAPE$>"><$ArticleTitle ESCAPE$></a>" class="trackbackbox" />
    </td>
   </tr>
  </table>
 </div>
</div>

注意:これは、Livedoorの専用タグです。

追記:2007年10月25日 21:01:11
リンクタグとトラックバックURLの表示を先日変更しましたのでコードを追加します。

<div class="trackbackurlttl">この記事のリンクタグ</div>
 <div class="trackbackurl">
  <table cellspacing="0" cellspacing="5" border="0">
   <tr>
    <td width="99%">
    <input type="text" value="<a href="<$ArticlePermalink$>" target="_blank" title="<$ArticleTitle ESCAPE$>"><$ArticleTitle ESCAPE$></a>" class="linkbox" readonly="readonly" onclick="this.select()" />
    </td>
   </tr>
  </table>
</div>

マウスでクリックしただけでリンク用タグと、トラックバックURLの全体を選択した状態になります。青いテキスト部分がそのための変更点です。


by affiliate10  at 07:28

以下の書籍が参考になります

Sponsored links


この記事のリンクタグ
トラックバックURL
コメント
1. Posted by 名無しの通りすがり   2007年04月27日 11:25
リンクタブがライブドアについてるのはじめてみたと思ったら自分でつけたんだね。

ちょっと凄いのかな??
2. Posted by hermes lindy   2014年04月24日 18:27
replica hermes birkin bags china リンクタグを表示しました。:アフィリエイトの集い
コメントを書く
コメントする

livedoor Readerに登録
RSS
livedoor Blog(ブログ)

ページの先頭へ戻る