ミニカスタマイズ 第４段「BlogIDを入力してブログへ移動するボタンをつける」
課題：
BlogIDを入力してブログへ移動するボタンをつける
掲示板などでデザインなどを質問している人がいます。
現状どのぐらいできているか確認したくてもアドレスが記入されてません。
投稿者をみればそのひとのブログは探せるですが、
・コピーして、URLを全部入力する
・コピーして、自分のブログを開いてIDの部分を書き換える
こんなことしてません？
IDを入力するだけで移動したいと。。。
BlogIDを入力してブログへ移動するボタンをつける
掲示板などでデザインなどを質問している人がいます。
現状どのぐらいできているか確認したくてもアドレスが記入されてません。
投稿者をみればそのひとのブログは探せるですが、
・コピーして、URLを全部入力する
・コピーして、自分のブログを開いてIDの部分を書き換える
こんなことしてません？
IDを入力するだけで移動したいと。。。
これは、携帯版のブログには標準でついてる機能です。
おなじようなことができるものを作ってみました。
非常に簡単な動作なので、JavaScriptの勉強などに使ってみよう〜
方法：
つぎのソースを好きなところに貼り付けるだけだ。
サンプル
追記 - 2004/08/03 10:58:00
フリースペースなどに貼り付ける場合に注意すること
すべてのスクリプトで共通ですが、<script>タグ内には、<BR/>が入り込むと動きません。
そこで、設定時に、
フォーマット
□改行を<BR/>タグに変換 ■変換しない
変換しないを選択してくださいね〜＾＾
方法：
HTMLテンプレートの編集でトップページを編集します。
<div id="footer"></div>
が、サイドバーのdiv内にあるので一番外側にだしてあげよう。
簡単に説明すると、
<div id="footer">
を、ひとつ下の行の
</div>
と入れ替えよう。
これだけ。
まあ、これだけだと、トップページしか対応できません。
これと同様のことをほかのテンプレートにも記述するべきでしょう。
お断り。
実装方法はひとつじゃない。これはあくまでひとつの方法であり
ベストであるかどうかは保証できませんm(_ _)m
---
ミニカスタマイズメニュー
カスタマイズの注意点
おなじようなことができるものを作ってみました。
非常に簡単な動作なので、JavaScriptの勉強などに使ってみよう〜
方法：
つぎのソースを好きなところに貼り付けるだけだ。
<SCRIPT LANGUAGE="JavaScript">
function OpenBlogUserID( blogid )
{
if( blogid.length != 0 )
location.href = "http://blog.livedoor.jp/" + blogid + "/";
}
</SCRIPT>
<form name="openblog">
<INPUT type="text" name="blogid" value="" />
<INPUT type="button" name="openblog" value="開く" onClick="OpenBlogUserID(blogid.value)" />
</form>
function OpenBlogUserID( blogid )
{
if( blogid.length != 0 )
location.href = "http://blog.livedoor.jp/" + blogid + "/";
}
</SCRIPT>
<form name="openblog">
<INPUT type="text" name="blogid" value="" />
<INPUT type="button" name="openblog" value="開く" onClick="OpenBlogUserID(blogid.value)" />
</form>
サンプル
追記 - 2004/08/03 10:58:00
フリースペースなどに貼り付ける場合に注意すること
すべてのスクリプトで共通ですが、<script>タグ内には、<BR/>が入り込むと動きません。
そこで、設定時に、
フォーマット
□改行を<BR/>タグに変換 ■変換しない
変換しないを選択してくださいね〜＾＾
方法：
HTMLテンプレートの編集でトップページを編集します。
<div id="footer"></div>
が、サイドバーのdiv内にあるので一番外側にだしてあげよう。
簡単に説明すると、
<div id="footer">
を、ひとつ下の行の
</div>
と入れ替えよう。
これだけ。
まあ、これだけだと、トップページしか対応できません。
これと同様のことをほかのテンプレートにも記述するべきでしょう。
お断り。
実装方法はひとつじゃない。これはあくまでひとつの方法であり
ベストであるかどうかは保証できませんm(_ _)m
---
ミニカスタマイズメニュー
カスタマイズの注意点
参考になりました？応援だと思って
お願いします。
トラックバックURL
この記事へのトラックバック
1. プラグインのカスタマイズ - Brotherhood of YOU and KUREHA [2005年10月12日 19:44]
この記事へのコメント
1. Posted by nico [2004年08月03日 10:37]
はじめまして。nicoと申します。
これ、面白いので使わせていただこうと思ったのですが、
自分のBlogに乗せると全然機能しないんです。
同じscript載せているはずなんですが…
何か違うんでしょうかねぇ…
これ、面白いので使わせていただこうと思ったのですが、
自分のBlogに乗せると全然機能しないんです。
同じscript載せているはずなんですが…
何か違うんでしょうかねぇ…
2. Posted by takoashi [2004年08月03日 10:48]
はじめまして、nicoさん。
ソースを確認したところですね････
改行に<br/>がくっついてます。
フリースペースの設定を変えればよいと思います。
<script>タグのなかには<br>があると動かなくなります。
これで動くかな？？
ソースを確認したところですね････
改行に<br/>がくっついてます。
フリースペースの設定を変えればよいと思います。
<script>タグのなかには<br>があると動かなくなります。
これで動くかな？？
3. Posted by nico [2004年08月03日 11:07]
早速のお返事ありがとうございます！
br/はずしてみました！
できましたぁぁぁぁﾟ+｡:.ﾟ(*´∇｀*).:｡+ﾟ
ありがとうございます！
ためになる情報満載でウキウキしてます。
いろいろお勉強させていただきますねっ！
br/はずしてみました！
できましたぁぁぁぁﾟ+｡:.ﾟ(*´∇｀*).:｡+ﾟ
ありがとうございます！
ためになる情報満載でウキウキしてます。
いろいろお勉強させていただきますねっ！
4. Posted by アオイ [2005年01月22日 21:38]
こんばんは、アオイと申します。
こちらのスクリプト、とても便利だと思い
拝借しました★
これからもこちらのカスタマイズ、
たくさん参考にさせていただこうと
思います！
ありがとうございますm(_ _)m
こちらのスクリプト、とても便利だと思い
拝借しました★
これからもこちらのカスタマイズ、
たくさん参考にさせていただこうと
思います！
ありがとうございますm(_ _)m
5. Posted by 機龍 [2005年04月27日 05:04]
なかなかいいですね。
またまた参考にさせてもらいました。
毎度毎度ありがとうございます。
といっても，勝手に使わせてもらっている状態ですが。
またまた参考にさせてもらいました。
毎度毎度ありがとうございます。
といっても，勝手に使わせてもらっている状態ですが。
6. Posted by ruru♪ [2005年04月27日 11:44]
始めまして。
まだまだ初心者で色々なカスタマイズを勉強したく立ち寄らさせて頂き、早速取り付けてみました。ありがとうございます。
これからも伺います。
まだまだ初心者で色々なカスタマイズを勉強したく立ち寄らさせて頂き、早速取り付けてみました。ありがとうございます。
これからも伺います。
7. Posted by かんな [2005年05月19日 16:57]
こんにちわ、はじめまして。
もっと色々なカスタマイズが出来ないものかと思い
色々なブログを見ていてここにたどり着きました。
参考にさせていただき、早速カスタマイズしました。
これからも寄らせて頂きます、ありがとうございました。
もっと色々なカスタマイズが出来ないものかと思い
色々なブログを見ていてここにたどり着きました。
参考にさせていただき、早速カスタマイズしました。
これからも寄らせて頂きます、ありがとうございました。
この記事にコメントする
