2006年09月08日 18:29
トラックバックURLをコピーしやすく
現在ライブドアブログでは、クイックボタンを使うとトラックバックできないことがある という不具合が発生している。（詳しくはコチラ）
てゆうかクイックボタン自体、元々人気が無いようで、ほとんどの人はトラックバックURLを手動でコピペしているそうだ。
だったら、トラックバックしてくれる人のためにも、トラックバックURLを少しでもコピーしやすくしておいて損はない。
このカスタマイズは…私でも説明できるほど簡単♪
※ここからは口調が変わります…（＾＾；）
まずは、この記事の下にあるトラックバックURLをクリックしてみてください。選択された状態になりましたね。
初めから右クリックをしても左クリック同様に選択された状態になりますので
【URLを右クリック】⇒【コピー】で簡単にURLをコピーする事が可能です。
それでは、方法を説明します。
１・「個別記事ページ」を開く
２・この部分↓を探す（「トラックバック」とか「クイック」とか書いてある辺りにあります）
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" />
３・これを、以下のように書き換えるclass="trackbackbox" />
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onfocus="this.select()" />
※"onfocus="this.select()"" が追加された部分です。class="trackbackbox" onfocus="this.select()" />
４・保存⇒再構築する
たったのこれだけです(^^)
再構築は、個別記事ページなので【全てのページを再構築】してください。
※旧環境（リニューアル前）のデザインテンプレートをお使いの方や、より詳しい説明をお望みの方は
チャンピオン・AQさんのブログ 『Pet Lovers Only♪』 の
【トラックバックURLを一発で選択】 をご覧下さいませ。
追記：[2006-09-10]g7zsさんがとても役に立つ情報を提供してくれたのでご紹介いたします。（詳しくはコメント欄をご覧ください）
上記の方法だと、Macでは機能しません（＞ ＜）
解決策として、以下のように変更すればWindows・Macを問わずほぼ全てのブラウザでトラックバックURLの一発選択が可能になるとの事です。
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onclick="this.focus(); this.select()" />
先に述べた方法と違って【URLをいきなり右クリック】⇒【コピー】こそできませんが（Win+Firefoxを除く）class="trackbackbox" onclick="this.focus(); this.select()" />
「万年床生活者の備忘録」では、幅広い環境に対応しているこちらの方法を採り入れる事にいたしました。
g7zsさん、ご協力ありがとうございました(^^)
トラックバックURL
この記事へのトラックバック( 2 )
1. 2008CS総括 [ 埼玉西武ライオンズ応援ブログ ] 2008年10月23日 23:56
我が西武ライオンズが日本ハムを4勝2敗（アドバンテージ一勝含む）で降し、日本シリーズ進出を決めた。
今回のシリーズは、接戦が1試合もなくすべからく先取点を取ったチームがそのまま押し切るという展開だった。結果的に見れば、西武の豪打が日ハムを打ち砕いた形だったが...
2. トラックバックURLをクリック→選択した状態に [ 万年床生活者の試験室 ] 2008年11月05日 06:30
役に立つカスタマイズではありません。自分用の覚え書きです。
個別記事ページにあるトラックバックURLがクリックだけで選択された状態になることによりコピーしやすくする、というだけのカスタマイズです。
ついでに隣の「クイックボタン」にマウスを乗せるとちょっとし...
この記事へのコメント( 24 )
1. Posted byg7zs2006年09月08日 23:35
ああ、やっぱりSafariはだめなのね...orz
いっそ
<textarea class="trackbackbox" rows="1" onmouseover="this.focus()" onfocus="this.select()"><$ArticleTrackBackUrl$></textarea>
とかだめ?(safariで且つローカルでしか試してないという罠があるのでダメ)
いっそ
<textarea class="trackbackbox" rows="1" onmouseover="this.focus()" onfocus="this.select()"><$ArticleTrackBackUrl$></textarea>
とかだめ?(safariで且つローカルでしか試してないという罠があるのでダメ)
2. Posted by万年床生活者2006年09月09日 02:29
g7zsさんｷﾀ━━━ヽ(ヽ(ﾟヽ(ﾟ∀ヽ(ﾟ∀ﾟヽ(ﾟ∀ﾟ)ﾉﾟ∀ﾟ)ﾉ∀ﾟ)ﾉﾟ)ﾉ)ﾉ━━━!!!!
＞ああ、やっぱりSafariはだめなのね...orz
残念...(-_-;)
ところで、Winといえば何だかんだ言ったってIEですが
Macといえばやはりほとんどの人がSafariなのでしょうか…？
＞ 〜とかだめ?
あ♪なんかイケそうな雰囲気ですね
（？）
あとで検証してみま〜す。
＞(safariで且つローカルでしか試してないという罠があるのでダメ)
せめてFirefoxでも試して欲しかった...
結果はまたコメントします（＾＾）
＞ああ、やっぱりSafariはだめなのね...orz
残念...(-_-;)
ところで、Winといえば何だかんだ言ったってIEですが
Macといえばやはりほとんどの人がSafariなのでしょうか…？
＞ 〜とかだめ?
あ♪なんかイケそうな雰囲気ですね
（？）あとで検証してみま〜す。
＞(safariで且つローカルでしか試してないという罠があるのでダメ)
せめてFirefoxでも試して欲しかった...
結果はまたコメントします（＾＾）
3. Posted by万年床生活者2006年09月09日 05:07
>>1
まず、記事の内容と異なってしまうので "onmouseover" はナシの方向で…＾＾；
あと、元々複数行用の "textarea" は、たとえ一行でも右側に矢印が出ちゃうのがちょっとイヤ（笑
結局ひねくれて、とりあえずこのページ限定で以下のように変更してみたのですが・・・いかがでしょうか？
<input type="text" value="<$ArticleTrackBackUrl$>" class="trackbackbox" onclick="this.focus()" onfocus="this.select()" />
まず、記事の内容と異なってしまうので "onmouseover" はナシの方向で…＾＾；
あと、元々複数行用の "textarea" は、たとえ一行でも右側に矢印が出ちゃうのがちょっとイヤ（笑
結局ひねくれて、とりあえずこのページ限定で以下のように変更してみたのですが・・・いかがでしょうか？
<input type="text" value="<$ArticleTrackBackUrl$>" class="trackbackbox" onclick="this.focus()" onfocus="this.select()" />
4. Posted byg7zs2006年09月09日 20:13
OSXならsafari、それ以前(OS9とか漢字Talk7とか)ならIEやiCabなんかが主流だと思います(かなり古いのならMacWebとかも?あとはNetscapeでしょうか。兎に角バラバラかと)。
※MicrosoftがSafariへの移行を推奨しているので、OSXの人はほとんどSafariかそれ以外のブラウザ(CaminoとかFirefoxとか)だと思います。
>>3
やっぱりダメですね。
・・・・あ゛。
onclick="this.select();" だったら大丈夫....
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onclick="this.select();" />
って、よく調べてみたらGoogle先生はonclick="this.focus(); this.select()"を使ってる...
という事は、
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onclick="this.focus(); this.select()" />
が無難・・・?
※MicrosoftがSafariへの移行を推奨しているので、OSXの人はほとんどSafariかそれ以外のブラウザ(CaminoとかFirefoxとか)だと思います。
>>3
やっぱりダメですね。
・・・・あ゛。
onclick="this.select();" だったら大丈夫....
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onclick="this.select();" />
って、よく調べてみたらGoogle先生はonclick="this.focus(); this.select()"を使ってる...
という事は、
<input type="text" value="<$ArticleTrackBackUrl$>"
class="trackbackbox" onclick="this.focus(); this.select()" />
が無難・・・?
5. Posted byg7zs2006年09月09日 23:48
自分の所で試してみたのですが、iCabを除き、ほとんどのブラウザで問題無く利用出来ました(MacOSX:Safari/Firefox/Camini/Shiira/Flock/Opera/Netscape WinXP:IE6 SP1/Firefox/Opera)
6. Posted byひよこ画伯やす
2006年09月10日 00:02
2006年09月10日 00:02
M床さん こんxxは｡〜
記事と違う話でもうしわけないのですが、できましたぁ〜
リニュ〜アル以降は、別の方法でないとだめみたいです。
お騒がせしましたぁ〜では、失礼します。
記事と違う話でもうしわけないのですが、できましたぁ〜
リニュ〜アル以降は、別の方法でないとだめみたいです。
お騒がせしましたぁ〜では、失礼します。
7. Posted by万年床生活者2006年09月10日 10:18
g7zsさん
>>4
>>5
有益な情報ありがとうございます
Google先生と同じだったら安心ですね（＾＾；）
それにしても・・・たったこれだけの事でも、奥が深いというか、ムズカシイですね〜
とりあえずこのページだけ修正して、それから全てのページで修正して・・・あ、でもその前にこの記事を編集しとこうかなぁー。
ま、とにかく色々ありがとうございました(^^)
ベスト回答の代わりに、第３のビールでもどうぞ
>>4
>>5
有益な情報ありがとうございます
Google先生と同じだったら安心ですね（＾＾；）
それにしても・・・たったこれだけの事でも、奥が深いというか、ムズカシイですね〜
とりあえずこのページだけ修正して、それから全てのページで修正して・・・あ、でもその前にこの記事を編集しとこうかなぁー。
ま、とにかく色々ありがとうございました(^^)
ベスト回答の代わりに、第３のビールでもどうぞ
8. Posted by万年床生活者2006年09月10日 10:25
＞ひよこさん
>>6
今ブログを見せてもらいましたが・・・解決されたのですね！おめでとうございます
>>6
今ブログを見せてもらいましたが・・・解決されたのですね！
おめでとうございます
9. Posted by万年床生活者2006年09月10日 11:49
> g7zsさん
記事に追記しておきました。
ご協力ありがとうございました(^^)
記事に追記しておきました。
ご協力ありがとうございました(^^)
10. Posted byひよこ画伯やす
2006年09月11日 21:01
2006年09月11日 21:01
M床さん こんxxはぁ〜
>>8
ええ、頑張ってググリました（＾＾）話変わりますが、PING設定の件もうまくいったみたいです。リンク項目に、見事なチューリップができています。
これも、エンジニアの小言さんのページに方法があるのでしょうか？
私のブログに、というわけではなく、
http://blog.livedoor.jp/knowledger/
の共有ブログのリンク集にとりつけてみたいなぁ〜
って思ったものですから。
リンクの順番に、一番上にあるの、気が引けてしまって（＾＾）
M床さんのように、更新が入った人が一番上にいくってシステム
面白いなぁって思ったんです。
もし、アドバイスいただけるのであれば、とても嬉しいです（＾＾）
では失礼します。
>>8
ええ、頑張ってググリました（＾＾）話変わりますが、PING設定の件もうまくいったみたいです。リンク項目に、見事なチューリップができています。
これも、エンジニアの小言さんのページに方法があるのでしょうか？
私のブログに、というわけではなく、
http://blog.livedoor.jp/knowledger/
の共有ブログのリンク集にとりつけてみたいなぁ〜
って思ったものですから。
リンクの順番に、一番上にあるの、気が引けてしまって（＾＾）
M床さんのように、更新が入った人が一番上にいくってシステム
面白いなぁって思ったんです。
もし、アドバイスいただけるのであれば、とても嬉しいです（＾＾）
では失礼します。
11. Posted by由美子2006年09月12日 04:10
質問！文字は赤だけなのでしょうか？大きさも三段階くらいあるような？気のせいかしら。。
12. Posted by万年床生活者2006年09月12日 11:44
＞ひよこさん
>>10
このシステム、気に入っていただけましたか
ではご説明します。
・「BlogPeople」
http://www.blogpeople.net/ に会員登録する。
・「リンクリスト」を作成し、各種設定（リストの表示順や新着マークのアイコン）を行う（上記サイトを見れば簡単にできます）。
・出来上がったら、そのリンクリストをライブドアブログに貼るためのスクリプトを取得する。
・リスト出力のスクリプトをフリーエリアに貼る。
これで完成です(^^)
>>10
このシステム、気に入っていただけましたか
ではご説明します。
・「BlogPeople」
http://www.blogpeople.net/ に会員登録する。
・「リンクリスト」を作成し、各種設定（リストの表示順や新着マークのアイコン）を行う（上記サイトを見れば簡単にできます）。
・出来上がったら、そのリンクリストをライブドアブログに貼るためのスクリプトを取得する。
・リスト出力のスクリプトをフリーエリアに貼る。
これで完成です(^^)
13. Posted by万年床生活者2006年09月12日 12:10
＞由美子さん
>>11
＞文字は赤だけなのでしょうか？大きさも三段階くらいあるような？
いろんな色や大きさを選べますよ(^^)
<font size="+1" color="red">びっくりしました</font>
■「size="+1"」というのが文字の大きさの指定です。
"+1" を "+2"、"+3" と数字を大きくしていけばさらに大きな文字になります。
■「color="red"」というのが文字の色の指定です。
"red" を "blue" にすれば青に、 "green" にすれば緑になりますよ♪
色の種類は覚えられないほどたくさんあります。
詳しくは下記のサイトを見てね。
◇【カラーネーム １４７色】
http://www.tagindex.com/color/color_name.html
>>11
＞文字は赤だけなのでしょうか？大きさも三段階くらいあるような？
いろんな色や大きさを選べますよ(^^)
<font size="+1" color="red">びっくりしました</font>
■「size="+1"」というのが文字の大きさの指定です。
"+1" を "+2"、"+3" と数字を大きくしていけばさらに大きな文字になります。
■「color="red"」というのが文字の色の指定です。
"red" を "blue" にすれば青に、 "green" にすれば緑になりますよ♪
色の種類は覚えられないほどたくさんあります。
詳しくは下記のサイトを見てね。
◇【カラーネーム １４７色】
http://www.tagindex.com/color/color_name.html
14. Posted byすろみ2006年09月12日 22:53
う〜ｎ
万年床生活者さん、色々工夫なさってる
素晴らしい
わたしも、と言いたいところですが・・・
見ただけで、後にしようって感じ(+_+)
余裕の時、真似させてもらいます
参考書が傍にあるって感じ
万年床生活者さん、色々工夫なさってる
素晴らしい
わたしも、と言いたいところですが・・・
見ただけで、後にしようって感じ(+_+)
余裕の時、真似させてもらいます
参考書が傍にあるって感じ
15. Posted by由美子2006年09月13日 01:01
万年床生活者さん
ありがと〜
でも、なんでそんなに詳しいの？スゴイですねぇ。教えてくださってありがとうございます
ありがと〜
でも、なんでそんなに詳しいの？スゴイですねぇ。教えてくださってありがとうございます
16. Posted by万年床生活者2006年09月13日 05:16
＞すろみさん
>>14
いえいえ私なんてまだまだ
＞見ただけで、後にしようって感じ(+_+)
これは簡単ですよ(^^)
【個別記事ページ】のHTMLを少しイジるだけです。
＞余裕の時、真似させてもらいます
是非お試しください
見た目の変化はまったく無い、地味〜なカスタマイズですけどね…＾＾；
>>14
いえいえ私なんてまだまだ
＞見ただけで、後にしようって感じ(+_+)
これは簡単ですよ(^^)
【個別記事ページ】のHTMLを少しイジるだけです。
＞余裕の時、真似させてもらいます
是非お試しください
見た目の変化はまったく無い、地味〜なカスタマイズですけどね…＾＾；
17. Posted by万年床生活者2006年09月13日 05:27
＞由美子さん
>>15
文字の大きさや色を変える技を早速ご自身のブログで活用されてますね(^^)♪
＞なんでそんなに詳しいの？スゴイですねぇ。
いやスゴくはないですよ
これはまだ「初級編」ですよ（＾＾；）
わからない事があったらまたどうぞ
>>15
文字の大きさや色を変える技を早速ご自身のブログで活用されてますね(^^)♪
＞なんでそんなに詳しいの？スゴイですねぇ。
いやスゴくはないですよ
これはまだ「初級編」ですよ（＾＾；）
わからない事があったらまたどうぞ
18. Posted bysuromi2006年09月13日 08:30
>>16
これだけでなく今までの記事全部、参考書にさせていただきます
これだけでなく今までの記事全部、参考書にさせていただきます
19. Posted byすろみ2006年09月13日 08:37
オセロ、まだ愛用してます
勝ったよ
勝ったよ
20. Posted by万年床生活者2006年09月13日 12:53
>>18
光栄です＾＾；
>>19
私も勝ちました(^^)
42対22でしたので、まだまだすろみさんのように「楽勝」というわけにはいきませんねぇ〜
光栄です＾＾；
>>19
私も勝ちました(^^)
42対22でしたので、まだまだすろみさんのように「楽勝」というわけにはいきませんねぇ〜
21. Posted byすろみ2006年09月13日 21:11
>>20
＞私も勝ちました(^^)
おめでとうございます
＞42対22でしたので、まだまだすろみさんのように「楽勝」というわけにはいきませんねぇ〜
実は
>>19
の時は、ぎりぎり勝ちました
軽く見てスピードアップしてやったら、痛いトコつかれ危なかったです
＞私も勝ちました(^^)
おめでとうございます
＞42対22でしたので、まだまだすろみさんのように「楽勝」というわけにはいきませんねぇ〜
実は
>>19
の時は、ぎりぎり勝ちました
軽く見てスピードアップしてやったら、痛いトコつかれ危なかったです
22. Posted byひよこ画伯やす
2006年09月14日 22:40
2006年09月14日 22:40
>>12
M床さん こんxxは〜
いい感じで設定できそうです、あとは、共有ブログの権限さえもらって
設定してみます！
有難うございましたぁ〜m（_ _ ）m
では、失礼します。
M床さん こんxxは〜
いい感じで設定できそうです、あとは、共有ブログの権限さえもらって
設定してみます！
有難うございましたぁ〜m（_ _ ）m
では、失礼します。
23. Posted by万年床生活者2006年09月15日 11:06
＞ひよこさん
秘密基地でココを紹介していただきありがとうございます
＞共有ブログの権限さえもらって
＞設定してみます！
何かヒントがあって、推理をすれば管理者権限がゲットできそうな雰囲気ですね（・・；）
私にはわかりませんが、ひよこさんは推理が得意だからなんとかなるのでは？（＾＾；）
カスタマイズ、頑張ってくださいね〜(^^)
秘密基地でココを紹介していただきありがとうございます
＞共有ブログの権限さえもらって
＞設定してみます！
何かヒントがあって、推理をすれば管理者権限がゲットできそうな雰囲気ですね（・・；）
私にはわかりませんが、ひよこさんは推理が得意だからなんとかなるのでは？（＾＾；）
カスタマイズ、頑張ってくださいね〜(^^)
24. Posted by万年床生活者2006年10月04日 10:22
<!-- ひとりごと -->
sphee先生の回答に１票！
http://knowledge.livedoor.com/12691#answer2
と思ったら
すでにお蔵入りしてた...orz
sphee先生の回答に１票！
http://knowledge.livedoor.com/12691#answer2
と思ったら
すでにお蔵入りしてた...orz
