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ブログ側の記事にコメントを集約して頂けると助かります。
2011-12-17 12:54
nice!(3)
コメント(3)
トラックバック(0)
カッコいいですね。
ちなみに、フルーカラーの3D球体タグクラウドのサンプルもあります。
http://taobao.jp/blog/data/89.html
by タグクラウド (2012-10-17 15:26)
僕作った3Dタグクラウドです。
by 生活三昧 (2013-08-07 10:17)
スーパーコピーブランド専門店
https://www.007kopi.com/product/5528.html
ルイヴィトン、シャネル、エルメス、ルチェ&ガッバ―ナ、
バレンシアガ、ボッテガ ヴェネタ、ミュウミュウ、クリスチャンディオール
その他の偽物バッグコピー、偽物財布コピー、偽物時計コピー、偽物ベルトコピー、偽物指輪コピー、偽物キーケース、商品は全く写真の通りです。
高級腕時計(N級品),スーパーコピー時計(N級品),財布(N級品)バッグ(N級品),靴(N品),指輪(N級品),ベルト(N級品),マフラー (N級品)
人気の売れ筋商品を多数取り揃えております。
全て激安特価でご提供.お願いします.
★100%品質保証!満足保障!リピーター率100%!
★商品数も大幅に増え、品質も大自信です。
★スタイルが多い、品質がよい、価格が低い!
★顧客は至上 誠実 信用。
★歓迎光臨
★送料無料(日本全国)
ホームページ上でのご注文は24時間受け付けております
https://www.007kopi.com/product/9145.html
by Scottduh (2019-09-29 03:26)