写log RSSはコッチ!

写logのホームページへ

写logの特徴
写logを始める前に!

写logのダウンロード

写logを設置しよう!

写logを使ってみよう!
写logを使いこなそう!
写logの良くある質問と答え

 

 Flashを利用したブログパーツで、写logが収集した画像をブログに表示しましょう。ブログパーツを設置することで、自動的にRSSを読み取り、常に最新の画像を収集するようになります

 

ブログパーツのタグの生成

 

ブログパーツタグの設定

 管理メニューから「ブログパーツタグ生成」をクリックすると、FLASHを利用したブログパーツを表示するための、タグを生成するページが表示されるので、以下の設定を行ってください。

 ここでの設定は「ブログパーツごとの設定」になります。そのため、色違いのブログパーツタグを生成してそれぞれ設置したり、表示方法や表示ランクが異なるブログパーツタグを生成してを複数設置することが可能です。

 

写logブログパーツ(「shalog.swf」ファイル)設置アドレス:

 写logブログパーツ([ shalog.swf ]ファイル)を設置したアドレスを「http://」から入力します。通常であれば、これは写log設置アドレスと一致するので、自動で入力されている文字そのままで問題ありません。理由があって変更する場合、最後の「/」は不要であることに注意して下さい。

 

本体色、背景色:

ページ下部にあるプレビューボタンをクリックすることで、色を実際に確認することができます。

 写logブログパーツは、本体色と背景色を、基本の8色から選ぶか、もしくは、1600万色から指定することができます。基本8色から選ぶ場合は、ドロップダウンメニューをクリックして、好きな色を選んで下さい。自分で自由に色を決める場合は、「カスタムカラー指定」欄に、HTMLと同じ16進法のカラーコードを指定します。カラーコードがわかりにくい場合は、色見本の館で確認したり、FE-Color Palette などのフリーツールを利用すると良いでしょう。

 なお、「カスタムカラー指定」欄に入力した内容が優先されるので、基本8色を利用する場合は、必ず「カスタムカラー指定」欄を空欄にしてください。

 

フラッシュ色:

 Ver 2.0 以降、画像切り替え時に一瞬フラッシュしてから画像が表示されるようになりました。このフラッシュ色を任意に設定できます。設定方法や注意事項は「本体色」、「背景色」と同じなので、そちらの解説を参考にしてください。

 

コメント色:

 Ver 3.0 以降、画像切り替え時に、画像に関連したコメントがちらりと表示されるようになりました。このコメント色を任意に設定できます。背景色は、この上で設定した「フラッシュ色」となるので、カラーバランスを考えて設定してください。なお、設定方法や注意事項は「本体色」、「背景色」と同じなので、そちらの解説を参考にしてください。

 

画像1枚の表示時間:

 写log ブログパーツが、一枚の画像を表示する時間を設定します。「かなり速い」を選択すれば、一枚一枚を表示する時間が短くなるので、沢山の画像を見てもらえることになります。「かなり遅い」を選択すれば、一枚一枚を表示する時間が長くなるので、じっくり見てもらえるようになります。「自動で切り替えない」を選ぶと、写log ブログパーツの「早送りボタン」をクリックするまで、画像は表示されたままになります。

 

画像表示最大横サイズ、画像表示最大縦サイズ:

 ブログパーツで表示する画像の最大横サイズと最大縦サイズを決めます。写logが収集・保存した画像が、ここで指定したサイズよりも大きい場合は、縦横比を維持したまま、指定したサイズに縮小されて表示されます。逆に、ここで指定したサイズよりも小さい場合は、そのまま表示されます。

 ここでの指定は、ブログパーツで画像を表示する方法にも関係してきます。ブログパーツの表示エリアサイズは横120、縦112です。これより小さい数値を指定すると、画像はそのまま中央に表示されます。これより大きい数値を指定すると、画像が入り切らなくなるので、次の項で設定する様々な表示方法が使われるようになります。

 

画像の表示方法:

 画像がブログパーツの表示エリアに入りきらない場合の表示方法を設定します。プレビュー機能を活用し、実際の表示方法を見ながら選んでください。

 

エフェクト効果:

 Ver. 4.0以降より、画像にいくつかのエフェクトを付けることができるようになりました。プレビュー機能を活用し、実際の表示方法を見ながら選んでください。

 

画像の切り換え方法:

 Ver. 4.0以降より、画像の切り換える際のエフェクトを選べるようになりました。プレビュー機能を活用し、実際の表示方法を見ながら選んでください。

 

ブログページの表示方法:

 Ver. 4.0以降より、画像をクリックした際に表示されるページを、どのウインドウに表示するか設定できるようになりました。「同じウインドウに表示」を選ぶと、ブログパーツが表示されているウインドウに表示されます。。「新しいウインドウに表示」を選ぶと、新しくウインドウが立ち上がり、そこにリンク先のページが表示されます。

 

表示する画像の最低ランク:

 ブログパーツに表示する画像の最低優先度を指定します。画像に設定したランクが、ここで指定した数値未満の場合は飛ばされるようになります。全ての画像を表示したい場合は空欄にしてください。

 なお、ここの設定によらず、ランクに-1が設定された画像は表示されません。

 

画像の表示順:

 Ver. 4.0以降より、画像の表示順を選べるようになりました。表示順自体の設定は、「ブログパーツの表示設定」ページから行います。

 

JavaScriptが無効になっているとプレビューボタンやタグ生成ボタンが使えません。

 設定が終わったら、一度ページ下部の「プレビュー」ボタンをクリックします。小窓が開き、入力した設定で実際にブログパーツがどう表示されるのかを確認することができます。

 

 

ブログパーツの設置

 

ブログパーツの設置

 プレビューで問題がなければ、「タグ生成」ボタンをクリックします。ブログパーツを表示するためのタグが表示されるので、マウスでドラッグして全てを選択し、右クリックから「コピー」を左クリックします。

 

 次に、あなたのブログの管理メニューから、「デザインテンプレート編集」「ブログデザインの編集」「HTMLソース編集」等のメニューを探し出し、デザイン(テンプレート)のHTMLを編集するページを表示します。ブログパーツを表示したい場所を右クリックして、「貼り付け」を選んで今コピーしたブログパーツのタグを貼り付けて、保存します。

 

例えば、JUGEMでは「フリースペース」が、FC2では「プラグイン」が利用できます。

 お使いのブログサービスによっては、ブログパーツを貼り付ける専用のエリアが用意されている場合があるので、そこに貼り付けても良いでしょう。

 

 ブログパーツを表示すると、「このコントロールをアクティブ化して使用するにはクリックして下さい。」という、クリックを促すポップアップが表示されるようになりました。これは、マイクロソフト社が、ブラウザ技術の特許侵害回避のため、2006年4月以降、Internet Explorerの仕様を変更を変更したことによります。

 そのため、写logを操作するには、一度ブログパーツをクリックする手間が生じます。これを回避したい場合には、ブログパーツタグ生成ページで、「JSファイル生成」ボタンをクリックして下さい。すると、_log フォルダ内に、ブログパーツを表示するためのJSファイルが準備されます。

 同時に、小さいウインドウが開き、「headタグ内に〜〜〜と記述し、ブログパーツを表示させたい場所に〜〜〜と記述して下さい。」と、書き込むタグ(「〜〜〜」部分)の指示が書かれているので、ブログパーツを表示したいページのheadタグ内と、ブログパーツを表示させたい場所に、それぞれのタグを書き込めば作業完了です。

タグ生成ボタンを利用して、タグを直接ページに貼り付ける方法の場合、複数のタグを貼り付けることにより、様々な種類のブログパーツを使い分けることができます。

 こうすることにより、上記のポップアップが表示されず、また、操作するためのアクティブ化クリックが不要になります。ただし、この方法はJavaScriptを利用しているため、JavaScriptの利用が禁止されていたり、外部JavaScriptの呼び出しが禁止されているブログサービスでは使えないので注意して下さい。

 

 なお、ブログパーツタグはブログだけにしか使えないわけではありません。HTMLファイルやCGI等に貼り付けて活用することもできます。用途に応じて色々と設置してください。

 

 

ブログパーツが表示されない場合

 タグを貼り付けたのに、ブログパーツが表示されない場合は、以下のことを確認してください。

 

ブログパーツの部分が真っ白/表示されない

  → 「ブログパーツタグの設定」で、「写logブログパーツ(「shalog.swf」ファイル)設置アドレス:」の設定を間違えている可能性があります。同じ設定でプレビューボタンをクリックし、ブログパーツが正常に表示されるか確認してください。表示される場合は、そのブログでFLASHファイルの表示が禁止されている可能性があります。

 

ブログパーツは表示されたが、「Loading...」しか表示されない

  → ブログパーツが、表示する画像ファイルの情報を保存したファイルを読み込めない状態です。 「ブログパーツタグの設定」で、「写logブログパーツ(「shalog.swf」ファイル)設置アドレス:」のを「http://」から入力しているか、最後が「/」で終わってないか確認して下さい。

 

ブログパーツは表示されたが、表示部分が灰色のまま

  → ブログパーツが表示するべき画像を読み取れない状態です。写logで画像を正常に取得できているのか、管理メニューの「保存画像一覧表示」で確認して下さい。また、管理メニューの「ブログパーツの表示設定」が正しいか確認して下さい(例えば条件に合致する画像が一枚もない場合、ブログパーツは画像を表示できなくなります)。さらに、写logを設置したWebサーバーが外部から画像を表示することを許可しているか確認して下さい。

 

 お使いのブログサービスによっては、フラッシュの表示が禁じられていることもあります。その場合は、「タグ生成」ボタンではなく、「HTMLファイル生成」ボタンをクリックしてください。、「HTMLファイル生成」ボタンをクリックすると、写logを設置したフォルダの[_log]フォルダ内にある、[ index.html ]ファイルが、ブログパーツを表示するページに書き換えられます。

 この[ index.html ]ファイルを、JavaScriptを使って小窓で表示したり、インナーフレームタグを使ってページに埋め込んで表示してください。詳しくは○○ページで解説します。

 

 

ブログパーツの使い方

 

 説明が必要なほど複雑な機能を持っているわけではありませんが、一応解説しておきます。

 ブログパーツ左下のボタンが早送りボタンです。これをクリックすると次の画像が表示されます。「ALL」ボタンをクリックすると、写logが収集した画像を一覧表示するページを表示します。

 「SET」ボタンをクリックすると、表示方法変更メニューが表示されます。閲覧者が自由に表示方法を変更することができますが、これらの変更は保存されません。また、データーに固有の表示方法が設定されている場合は、そちらの設定の方が優先されます。

 右下の写logのロゴをクリックすると、写logのホームページを表示します。

 表示されている画像をクリックすると、その画像が表示されているページにジャンプします。編集機能で別のリンク先を設定している場合は、そのページにジャンプします。アフィリエイト用のアドレスを設定しておけば、このブログパーツがそのままアフィリエイトパーツになります

 

なお、 ブログパーツが表示される度に、あなたのブログのRSS情報を読み取り、最新画像がないか確認します。サーバーを保護するために、一度確認したら30分以上間隔を開けないと次の確認を開始しないようになっています。

 

 

 
全部無料で作る初めてのホームページ  写log開発