3D球体タグクラウドの設置の仕方 [サイドコンテンツ]
FC2ブログで「3D球体タグクラウド」というものを作成しました。このタグクラウドは、3Dの球体に張り付いたタグをマウスでグルグル回転させることができます。FC2ブログでこの「3D球体タグクラウド」をプラグインという形で共有(アップロード)したところ、おかげさまで1,000人以上の方にダウンロードして、利用されています。
このタグクラウドは、Flashは使わず、JavaScriptだけで動かすことができるため、FC2ブログに限らず、JavaScriptが実行でき、ブログに「タグ」の仕組みがあれば、どこでも利用できるものです。
FC2のブログ記事にも「3D球体タグクラウド」のことを書いたのですが、その記事のコメントに「So-netブログでも利用できないか」という要望をいただきました。
そこで、So-netブログでも「3D球体タグクラウド」を利用できるように、少し修正を加えました。以下のような手順で、So-netブログでも「3D球体タグクラウド」が表示できるようになります。(このブログの左上のようなタグクラウドになります。)
Javascriptコードを詳しく読んだり、カスタマイズしたい方は、FC2ブログ側の記事をご覧ください。また、質問、要望などがある場合も、FC2ブログ側の記事にコメントを集約して頂けると助かります。
このタグクラウドは、Flashは使わず、JavaScriptだけで動かすことができるため、FC2ブログに限らず、JavaScriptが実行でき、ブログに「タグ」の仕組みがあれば、どこでも利用できるものです。
FC2のブログ記事にも「3D球体タグクラウド」のことを書いたのですが、その記事のコメントに「So-netブログでも利用できないか」という要望をいただきました。
そこで、So-netブログでも「3D球体タグクラウド」を利用できるように、少し修正を加えました。以下のような手順で、So-netブログでも「3D球体タグクラウド」が表示できるようになります。(このブログの左上のようなタグクラウドになります。)
- ブログの管理ページを開き、[デザイン]→[レイアウト]とクリックします。
- 左の「レイアウト」から、[サイドコンテンツ]を開き、[タグクラウド]を[サイドバー]にドラッグ&ドロップします。(「カスタムペイン」ではうまくいきません。)
- 「サイドバー」に追加された「タグクラウド」をクリックします。
- 「コンテンツHTML編集」リンクをクリックします。
- 表示されたHTMLコードを下に書かれたコードにすべて書き換えます。(362行ありますので、すべてコピーしてください。)
- 「保存」ボタンをクリックします。
- 「タグクラウドの設定に戻る」リンクをクリックします。
- 「タイトル」を「3D球体タグクラウド」(任意)に書き換えます。
- 画面下のほうの「設定を保存する」ボタンをクリックします。
- iframeの[×]ボタン(ブラウザの[×]ボタンではなく、右上「So-netブログ」表記のすぐ下のボタン)をクリックします。
- 「設定を保存する」ボタンをクリックします。
Javascriptコードを詳しく読んだり、カスタマイズしたい方は、FC2ブログ側の記事をご覧ください。また、質問、要望などがある場合も、FC2ブログ側の記事にコメントを集約して頂けると助かります。