ブログテンプレートならHKDImageClockを二つ以上表示する方法RSSはこちらブログテンプレートならHKDブログタイトルを3時間悩んでやっと思いつきました。変にこだわるデザインです。変にこだわって時間をロスしています。MAP更新休止のお知らせ現在HKDは更新を休止しており、緊急を要する修正以外は手をつけれない状態です。ご利用していただいてる方々には申し訳ございませんが、よろしくお願いいたします。2011⁄06⁄15(Wed)18:05ImageClockを二つ以上表示する方法comment:0trackback:0ImageClockを二つ以上表示する方法の説明です。詳しくは続きをどうぞ。ImageClockをダウンロードして頂き、そしてプラグインの編集画面からHTMLの編集をクリック。ダウンロードはこちらから。下に表示されたHTMLコードをコピペしてもう1つ同じ内容を作ります。すると次のように同じ内容のコードが二つできます。"";//画像の設定//""内のURLをお好きなものに変更してください。"";//画像の設定//""内のURLをお好きなものに変更してください。id="imageClockArea"></div>このままだと不十分なので、次の赤字の部分を見つけ出して変更してください。"";//画像の設定//""内のURLをお好きなものに変更してください。"";//画像の設定//""内のURLをお好きなものに変更してください。id="imageClockArea2"></div>変更箇所は2点。どちらもimageClockAreaからimageClockArea2に改名します。これでOKです!【解説】まず一つ目の変更点(下のコード)はなにをしているかというと、HTMLのID要素"imageClockArea2"にImageClockを貼り付けなさいという命令をだしています。flashvars);そして二つ目の変更点(下のコード)はなにをしているかというと、ID要素"imageClockArea2"という空のdivボックスを用意しています。id="imageClockArea2"></div>つまり、2個目のImageClockを用意して、2個目をどこに表示させるのか名前を決めて指定してやればOKということになります。3個表示させたかったら3個目のImageClockを作って、また名前を改名してやってください。今回は例としてimageClockArea2としましたがお好きな名前でOKです。id属性の命名規則は守りましょう。最後に三つのImageClockを同時に表示したのを別ページに用意しました。分かりやすくするため画像だけ変更しています。Entry検索フォームプロフィールAuthor:Hellowmail:hkdesign.mail☆gmail.com☆を半角@に変えてください。HenniKodawaruDesign略してHKDブログテンプレートならHKDにようこそ!このサイトではFC2で使える共有テンプレートを配布しています。サイトについての説明はこちらをどうぞ。like!」を作りました。機能1:はてなハイクをサイト上に投稿できる機能2:はてなハイク投稿時に同時にtwitterにも投稿する詳しくは次のURLへお越しくださいhk-factoryGoogleウェブストアプラグインギャラリーブログ管理画面の共有プラググイン追加から、作者:hkdesignと検索してダウンロードしてください。日付が未来になっている記事の表示設定CustomRssReaderを2つ同時に使う方法カスタムデザインサンプルImageClock詳しくはこちらカスタマイズはこちらImageClockを二つ以上表示する方法ImageClockカスタマイズ用Flashを作成テンプレートギャラリーブログ管理画面の共有テンプレート追加から、作者:hkdesignと検索してダウンロードしてください。詳しくはこちら動作環境についてテンプレートは以下の環境・方法で動作確認を行ってからFC2に申請しています。記載の環境でも表示が崩れて見えない場合は連絡してくれるとありがたいです。BrowserLabを使ってチェックしています。BrowserLabhttps://browserlab.adobe.com/ライセンスについてライセンス形態はGPLライセンスをとります。簡単に言うと次の4つです。カスタマイズ・再配布など連絡なしに使用OK。著作権表示は消したらダメです。なんらかの損害が出た場合は自己責任です。再配布する場合、GPLライセンスが適用されます。ブログテンプレートならHKD。