はてなブログではてなIDではてなブログを検索する窓を作るのでR



はてなブログは、はてなIDと紐づいているのでR。

しかし、

プロフィールでIDをクリックすると、http://profile.hatena.ne.jp/はてなID/に飛ぶが、そのプロフィールにブログのURLが書かれていないと、その方のブログのURLが特定できないのでR。

そこで、はてなIDからはてなブログを検索するような窓を作りたいのでR。

それには、ここが参考になったのでR。

それを参考に、

<p>
<input type="text" placeholder="IDを入力">
<input onclick="window.open('http://blog.hatena.ne.jp/' + this.previousSibling.value + '/')" type="submit" value="検索">
</p>

とはてなブログの「ダッシュボード」→「デザイン」→「カスタマイズ」でサイドバーにHTML式で記述したが、うまく動かなかったのでR。

そこで、ここを参考にモデファイして、はてなIDからはてなブログを検索するとの文言も追加して、

<form>
<div style="font-size:x-small">はてなIDからはてなブログを検索する</div>
<input type="text" id="textid" placeholder="IDを入力">
<input onclick="window.open('http://blog.hatena.ne.jp/' + document.getElementById('textid').value + '/')" type="submit" value="検索">
</form>

と記述したら、うまく行ったのでR。下が上から作った窓でR。

はてなIDからはてなブログを検索する



これで、http://blog.hatena.ne.jp/はてなID/に飛んで、そのはてなIDを持つ方のブログが見れるのでR。

ちなみに、独自ドメインのURLでも問題なく、http://blog.hatena.ne.jp/はてなID/から独自ドメインのURLに飛んでくれるようでR。

はてなブログのカスタマイズも含めて、はてなブログには下の本はとても分かりやすい本なのでR。




月額900円(税抜)から、高速・多機能・高安定レンタルサーバー『エックスサーバー』
WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』
年間920円(税抜)からの格安ドメイン取得サービス─ムームードメイン─


この記事をシェアできます。