アクセス解析

小さな世界

日々思うことを綴っています、難しい言葉の解説、共有プラグインのカスタマイズ方法など だいさく独自の小さな世界です。


※　小さな世界では考察などを乗せていますが、だいさくが調べた内容から得た
　　　ひとつの結論であり、記事を鵜呑みにするのではなく、
　　　ご自身で調べて自らが納得する結論を導き出して下さい。
別館小さな世界販売所がOPENしました、記事との関連商品を紹介しています。
09 ≪│2008/10│≫ 11
日 月 火 水 木 金 土
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31 -

【共有プラグイン】−説明文表示機能付リンクカスタマイズ方法−

2006/09/10(日)
今回はだいさく作成共有プラグイン
『説明文表示機能付リンク』
をご利用頂きありがとうございます。

説明文付リンクは
通常ブログのリンクではスペースが狭く説明文なとを付ける事が出来ません、
しかし説明文がないと魅力が伝えられないだけでなく、
リンク先がどんなサイトか分からない為に面倒くさくなり、
あまりリンクを利用してくれなくなります、
今回はそれを解消すべく、
省スペースでありながらスクロールを利用する事により、
リンクの説明文を流す、機能を追加致しました。

説明文表示機能付リンク簡単カスタマイズ方法

※　画像は大きいのでクリックして確認して下さい。
20060910234507.jpg

１、リンク追加方法
　　上の画像の赤で囲まれている行3行分をコピーし、
　　下にペーストします。
　　ペーストした2行目の『アドレス部分』という文字を削除して、アドレス(http://〜〜〜〜）を書いて下さい。。
　　次に『説明文部分』という文字を削除して追加するリンクの説明文を書いて下さい。
　　最後に『表示部分』という文字を削除して追加するリンクのHPもしくはブログ名を書いて下さい。
　　以上の作業でリンク追加終了です。

20060910234528.jpg

２、初期メッセージの変更
　　上の画像の赤で囲まれている部分の文字を変更する事で初期メッセージ及び
　　マウスがリンク名の上に無い時のメッセージを変更できます。
　　この部分を何も書かなければ、マウスがリンク名にある時意外はメッセージは表示されません。
　　例：メッセージを表示させない場合
　　var outMsg = "";

20060910234544.jpg

３、説明文のスクロールスピード変更
　　上の画像の赤で囲まれている部分の数字を少なくすると早くなり
　　大きくすると遅くなります。初期設定は21にしています。

20060910234918.jpg

４、管理者用ページ追加方法
　　上の画像の赤で囲まれている部分の2行を削除して下さい。
　　
20060910235043.jpg

５、だいさくのブログリンク削除方法
　　上の画像の6行を全て削除して下さい。


以上が説明文表示機能付リンクのカスタマイズ方法になります。
分からないことがあればお気軽にコメントで質問してください。
お役に立てましたら下のランキングを1クリックして頂ければ光栄です。






　カスタマイズはできましたか？
生活 | トラックバック：0 | コメント：31 | Page Top↑
≪【思うこと】−日常− | ホーム | 【思うこと】−相互リンク−≫
コメント
この記事へのコメント
流れる文字
リンクじゃなくて
コメントの全文をトップページに
流れる文字としてカスタマイズ
できるでしょうか？
2006/09/16(土) 10:43 | URL | HAMA #MlGn2n1E[ 編集]
リンク編集
説明文付きリンク使わせています
早速質問ですが順番が順不同で自分の希望通りにはなりません。どうしたらいいでしょうか。それと改行できません。ＨＴＭＬ編集でリターンキーしてもくっつきますがどうしたらいいでしょうか？
2006/09/16(土) 12:00 | URL | HAMA #MlGn2n1E[ 編集]
リンクプラグイン
自己解決しました
タグの閉じ忘れでした
2006/09/16(土) 23:50 | URL | HAMA #MlGn2n1E[ 編集]
HAMAさん初めまして。
返答の方遅くなりまして
すいませんでした。
すでに自己解決して頂いた様で
ありがとう御座います。
コメントの全文をトップページに
流れる文字
の方も出来たのでしょうか？
こちらに関してまだカスタマイズ完了していない場合は
サポート致しますので
遠慮なくお申し付け下さい。
2006/09/20(水) 11:25 | URL | だいさく #-[ 編集]
コメント
コメントはまだできてないです。
今は別のプラグインで別枠で表示させています。リンクみたいにコメント全文のＨＴＭＬできそうだったら
i-160記事お願いします
2006/09/20(水) 19:36 | URL | HAMA #MlGn2n1E[ 編集]
コメントへのカスタマイズについて
HAMAさんへ
今回の説明文付リンクの
本文付コメントバージョンを
共有プラグインとして登録するので
そちらを使ってみて下さい。
カスタマイズ方法は及びプラグインの登録は
早急に行いますので少々お待ち下さい。
2006/09/21(木) 10:59 | URL | だいさく #-[ 編集]
共有プラグイン
だいさくさん。
ありがとうございます
早速ダウンロードしました
2006/09/22(金) 22:13 | URL | HAMA #MlGn2n1E[ 編集]
HAMAさんへ
お役に立てて光栄です。
こちらこそ新たな共有プラグインの案
与えて頂いて助かりました。
2006/09/23(土) 10:14 | URL | だいさく #-[ 編集]
プラグインを使っています
だいさくさん、初めまして。
私は小説の公開にこちらのプラグインを使わせて頂いています。
こちらは非常に私のニーズに合いましたプラグインで、助かっています。
ですが、問題がありましてこちらを二つ並べると表示が狂ってしまうようなのです。
何か解決策はないでしょうか？
2006/11/14(火) 23:24 | URL | 用正 フミ #v.J7zKBw[ 編集]
用正 フミさんへ
はじめまして、
早速ですが、二つ並べるとは
リンク用とコメント二つの事でしょうか？
どの様に表示が狂ってしますのでしょうか？
リンクにコメントがでたり
コメントにリンク説明がでたり
しているのでしょうか？
質問ばかりで申し訳ありませんが、
なんとか解決策は考えますので、
ご連絡ください。
2006/11/15(水) 10:19 | URL | だいさく #-[ 編集]
だいさくさん、お返事どうもありがとうございます。
一応、このコメントURL覧に私のブログのアドレスを張っていますので、そこから私のブログに来て頂ければ大体説明できると思いますが。
現在、リンク用を二つ並べています。
小節の種別に使用したいと考えていますが、二つ並べた時、下の方は問題ありませんが、上の方に下のリンク用に設定した文字が流れたりします。
もし、何か解決策がございましたら宜しくお願い致します。
2006/11/16(木) 00:27 | URL | 用正 フミ #-[ 編集]
用正 フミさんへ
用正 フミさんのブログも見させて頂いたのですが
気づいてませんでした・・・

で、不具合がおきている原因は
リンクプラグインを２つ置いているから起こっています

これを回避するには少しプラグインのHTMLを変更する必要があります。

このコメントのあとに変更したHTMLを投稿しますので、
どちらか片方のリンクを投稿した分に変更して下さい
2006/11/16(木) 14:06 | URL | だいさく #s1kXaC.U[ 編集]
リンクプラグイン2個同時使用用HTML
<!--説明文表示機能付きリンク-->
<script language='JavaScript'>
<!--
function mouseMsg2(viewMsg){
document.getElementById("linkMsg2").innerHTML=viewMsg
}

//以下のメッセージがリンクにマウスがない時に表示されます
var outMsg = "リンク名にマウスを置くと、説明文が表示されます。";
//-->
</script>

<!--以下のscrollDelayの数字を変更する事でメッセージスピードが変わります-->
<marquee trueSpeed scrollAmount=1 scrollDelay=21>
<div id="linkMsg2">
<SCRIPT language="javascript">
<!--
document.write(outMsg);
//-->
</SCRIPT>
</div>
</marquee><br><br>
<ul>
<div id="link">

<!--リンク追加時は以下をサンプルとしてコピーして増やして下さい-->
<!--変更箇所は以下のアドレス部分と説明用文部分そして表示部分です
　　コピーはこの下の行から
<li>
<a href="アドレス部分" onMouseOver="mouseMsg('説明文部分')" onMouseout="mouseMsg2(outMsg)" target="_blank">表示部分</a>
</li>
この上の行までをコピー-->

<!--管理者ページが必要な方はこの行を削除して下さい。
<li>
<a href="./?admin" onMouseOver="mouseMsg('管理者専用のページです、一般閲覧者は見ることが出来ません。')"
onMouseout="mouseMsg2(outMsg)" target="_blank">管理者ページ</a>
</li>
管理者ページが必要な方はこの行を削除して下さい。-->

<!--プラグイン作者だいさくのページです。決して強制ではないので必要ない場合は削除して下さい-->
<li &align>
<a href="http://daisyaku.blog56.fc2.com/" onMouseOver="mouseMsg2('小さな世界本館です、思うことを書いています、難しいことなんかの説明なども書いてます、思って欲しい事は常に募集中！！')" onMouseout="mouseMsg(outMsg)" target="_blank">小さな世界</a>
<a href="http://thesmallworld.blog49.fc2.com/" onMouseOver="mouseMsg2('小さな世界別館です、ドロップシッピングサイトです、本館記事と関係している商品も販売しているので一度ご来店下さいませ。だいさくでも買う様な安い金額を設定する様にしてます。')" onMouseout="mouseMsg2(outMsg)" target="_blank">別館</a>
</li>
<!--ここまでプラグイン作者ページ、私のページで連絡頂ければ相互リンク行いますのでお気軽に連絡下さい。-->
</div>
</ul>
<!--だいさくの簡単カスタマイズ方法-->
<!--http://daisyaku.blog56.fc2.com/blog-entry-59.html-->
2006/11/16(木) 14:07 | URL | だいさく #s1kXaC.U[ 編集]
ありがとうございます。
解決できました。
なるほど、1とか2に分けると大丈夫なんですね。

この度はお世話になりました。
だいさくさんのますますのご発展をお祈り致します。

ではでは
2006/11/16(木) 19:41 | URL | 用正 フミ #MHZmgNdw[ 編集]
用正 フミさんへ
解決できてよかったです。
また何かありましたらお気軽にご相談下さい。
2006/11/17(金) 16:32 | URL | だいさく #s1kXaC.U[ 編集]
お借りしたのですが、、、
登録したリンクが反映されず、HTML編集からも入れてみましたが、ダメでした。
私のPCは、MacのOSX10.4でブラウザはFirefoxを使っています。
以上の環境では対応しないのでしょうか？
2007/06/14(木) 21:43 | URL | tuginosuke #7y2JLxt.[ 編集]
tuginosukeさんへ
初めまして、
MACでの動作検証は行っていませんが、
たぶん大丈夫だと思います。
まず、なんの編集もおこなわず、
プラグインの追加だけ行った場合はどうなるでしょうか？
このブログへのリンクが表示されていれば、
tuginosukeさんの環境に対応できていると言うことになるので、
その場合はなにかしらの編集が間違っているのかもしれません。
詳細をいただければ相談にのりますので
お気軽にお聞き下さい
2007/06/15(金) 18:28 | URL | だいさく #-[ 編集]
ありがとうございます
早速ですが、なにも編集せずにプラグインの追加を行ったところ、設定したリンクが表示されない状態です。
原因は分からずといった感じです。

ブログをお見せしたいのですが、私個人でなく、友人から依頼されたものなので、UPするまでお見せする事が出来ない事情です。

UP後に改めて、ご相談しますので、
何卒宜しくお願いします。
2007/06/20(水) 00:25 | URL | tuginosuke #-[ 編集]
リンクが反映されました！
この前は、お手数をおかけしまして
申し訳ありませんでした。

無事にブログをUPする事が出来て、
自力で先の問題は解決しましたが、
リンク先（表示部分）がどうしても
右寄せになってしまい、自力で
やっても一向に解決しません。

再度お手数ですが、アドバイスを
頂ければと思いますので、宜しく
お願いします。
2007/07/19(木) 01:54 | URL | tuginosuke #Mlm/a496[ 編集]
もう一つですが、、、
ブログ説明文とリンクの間の余白を
狭くする事も出来ますが？

先程伝え漏れましたが、ブラウザは
Firefoxを使用しています。

それでは、宜しくお願いします。
2007/07/19(木) 01:57 | URL | tuginosuke #Mlm/a496[ 編集]
プラグイン設定ですが
コンテンツは、左寄りに設定して
います。

度々申し訳ありません。
2007/07/19(木) 01:59 | URL | tuginosuke #Mlm/a496[ 編集]
tuginosukeさんへ
tuginosukeさんへ

リンクが表示されて良かったです。
他ご質問の件について解答致します。

> リンク先（表示部分）がどうしても
> 右寄せになってしまい、自力で
> やっても一向に解決しません。
こちらは各リンクの用タグの前にある
<li &align>
というタグを変更する事で可能です。
こちらを
以下の様に変更する事でお好きな位置に表示できます。
中央寄せ
<li style="text-align: center">
左寄せ
<li style="text-align: left">
右寄せ
<li style="text-align: right>
プラグインのコンテンツの文字位置の設定を参照
<li &align>


> もう一つですが、、、
> ブログ説明文とリンクの間の余白を
> 狭くする事も出来ますが？
こちらについてはmarqueeタグに閉じるタグの後ろにある
<br>の数を減らす事で余白を狭く出来ます。
標準では下記の様に<br>が2つ付いています。
</marquee><br><br>
<ul>

以上が回答になります、
これでも直らなかった場合は、ご相談下さい。
アフリカンダンスというのがあるのですね
初めて知りました、ダンスにブログ運営頑張って下さい。
2007/07/19(木) 13:21 | URL | だいさく #s1kXaC.U[ 編集]
ありがとうございます！
教えて頂きましたように、まず
ブログ説明文とリンクの間の余白を
狭くする事が出来ました！

しかしプラグインのHTML編集にて
<li &align>というタグが見つかり
ません。
各リンク先の<li>の後に左寄せ
<li style="text-align: left">を
入力しましたが、反映されませんでした。
どうしたら宜しいでしょうか？
2007/07/19(木) 21:57 | URL | tuginosuke #Mlm/a496[ 編集]
tuginosukeさんへ
左寄せがうまく行かないとの事ですので、
別方法でこちらを試してみて下さい。

各リンクタグの少し上の方に以下の様なタグがあると思います、
<div id="link">
こちらを以下の様に変更して見てください。
左寄せ
<div id="link" Align="left">
右寄せ
<div id="link" Align="right">
中央寄せ
<div id="link" Align="center">

これでもダメでしたもう一度ご連絡下さい。
2007/07/20(金) 10:12 | URL | だいさく #-[ 編集]
度々すみません
早速、左寄せ<div id="link" Align="left">と
変更しましたが、反映しませんでしたが、
試しに右寄せ<div id="link" Align="right">
に変更しましたら、反映がされてもしやと思い、
下記のタグに変更してみました。

<div id="link" style="margin-bottom:5px; margin-left:-40px">

margin-leftの数値を下げて調整しましたら、
理想通りの左寄せに出来ました。

おそらくタグ変更で左寄せにしてもセンター
位置に見えたのは、なんだかの原因でそこが
一番左側だったからだと思います。

それに気づき、逆にマイナスすれば調整出来る
と思って、実行してみましたら、成功しました。

結果的に自力とはいえ、だいさくさんの
アドバイスがあったからこそ、解決したと
思います。

本当にありがとうございます。

修正後に複数のブラウザ環境でサイトの
レイアウトチェック出来るスクリーンショット.jp
でチェックしたところ、WinのIE7.0・Firefox
2.0・Opera 9.2とMacのCamino 1.5において
左寄りに反映されていました。
ただ、MacのSafari 2.0だけが、何故かプラグ
イン名（Link）と説明文、スクロール文字が
右側に枠を超えてズレていました。
とはいえ、SafariはFC2ブログでは推奨して
おらす、アクセス解析においても訪問者の
ブラウザは、IEかFireFoxなので、これで大丈夫
だと思います。

だいさくさんからのご確認のコメントを頂け
れば、幸いですので、宜しくお願いします。

それでは、ありがとうございました。
2007/07/20(金) 22:10 | URL | tuginosuke #Mlm/a496[ 編集]
tuginosukeさんへ
無事直ったようで良かったです。
アドバイスはあまり参考にならなかったみたいですが(^^;
またこりずに何かあったらご相談下さい。
2007/07/24(火) 19:08 | URL | だいさく #-[ 編集]
質問があります。
はじめまして。
説明文表示機能付リンクのプラグインを追加しますと、配置したカラム部分がずれてテンプレートが崩れてしまいます。

テンプレートは共有テンプレートの3カラムのものをつかっています。
どのカラムに入れても同じ状態になってしまいます。
もし対処方法がございましたら、よろしくお願いいたします。(現在はプラグインを表示していませんのでテンプレートはずれてはいません)
2007/08/07(火) 00:25 | URL | 慧神　奈緒 #-[ 編集]
その後。
説明文表示機能付リンクのプラグインを追加しますと、配置したカラム部分がずれてテンプレートが崩れるという件でご質問させていただいたものです。
その後いろいろ検討した結果、きちんと表示できるテンプレートに変えることにしました。
リンクの設定が終わり次第、使用させていただきます。

お騒がせいたしました。
2007/08/08(水) 18:22 | URL | 慧神　奈緒 #-[ 編集]
慧神　奈緒さんへ
お返事おそくなってすいません。
テンプレート変えて解決との事、
ありがとうございます。
私の方でも根本原因は調査して置きます。
ざっとみた所では幅を指定したりしていないので
大丈夫とは思っていたのですが、何かあるかも知れません。
ご指摘ありがとうございました。
2007/08/10(金) 16:58 | URL | だいさく #-[ 編集]
質問があります
だいさく様、はじめまして。
以前から説明文付リンクを利用させていただいているのですが、
ブラウザをWindows版Firefox2.0xにしたところ、説明文がスクロールしなくなってしまいました。

この(だいさく様の)ページでもスクロールしていないので、Firefox2.0xでは上手く動いていないのだと思いますが、
Firefoxで動くようにブラウザもしくはプラグインのカスタマイズ等の解決策が判明していましたら教えていただけないでしょうか。

JavaScript(およびmarqueeの不具合だと思いますが)に慣れていないもので、今のところ独力で解決策を見つけ出せそうにありません。
2007/12/28(金) 17:50 | URL | 真夜中の小人 #/RvdiRic[ 編集]
始めまして。このリンク使ってます。
あの、一つ質問いいですか？
バナーを貼り付けるときはどうしたらいいのでしょう。アップロードしたアドレスを貼り付けると、アドレスがブログ名のようになってしまって・・・
2008/01/07(月) 12:18 | URL | 焔竜 #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://daisyaku.blog56.fc2.com/tb.php/59-002ed06f
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック