アフィリエイト広告・宣伝
◎ ブログパーツ「FLO:Q」でスマートアフィリエイト！
■ブログパーツサービス「FLO:Q」とは？
* FLO:Qはブログをより楽めるようにするためのパーツを提供するサービスです。
* FLO:Qを楽しむためのキーワードは「表現する」「魅せる」「楽しませる」。
* FLO:Qへの登録は、無料登録ページから簡単な操作で行えます。
※サンプルページ ⇒ アフィリエイトができるブログパーツサービス「FLO:Q」
■ブログパーツサービス「FLO:Q」の特徴
よく聴く音楽、気になる本、オモシロ映像に、欲しい服。お気に入りやオススメ情報をめをFLO:Qにたくさん詰め込んであなたのライフスタイルを表現。
カラーやタイプ、豊富なデザインバリエーションで、あなたのブログを思い通りにデコレート。
FLO:Qに登録されたクリエイターの方々の多種多様なオリジナルコンテンツ（ゲーム、ムービー、アニメなど）が楽しめます。
FLO:Qに登録しているメンバーからあなたの気になるメンバーを探してお気に入りメンバーに登録すれば、FLO:Qを通じて新しい「つながり」が生れます。
■ブログパーツサービス「FLO:Q」とは？
* FLO:Qはブログをより楽めるようにするためのパーツを提供するサービスです。
* FLO:Qを楽しむためのキーワードは「表現する」「魅せる」「楽しませる」。
* FLO:Qへの登録は、無料登録ページから簡単な操作で行えます。
※サンプルページ ⇒ アフィリエイトができるブログパーツサービス「FLO:Q」
■ブログパーツサービス「FLO:Q」の特徴
よく聴く音楽、気になる本、オモシロ映像に、欲しい服。お気に入りやオススメ情報をめをFLO:Qにたくさん詰め込んであなたのライフスタイルを表現。
カラーやタイプ、豊富なデザインバリエーションで、あなたのブログを思い通りにデコレート。
FLO:Qに登録されたクリエイターの方々の多種多様なオリジナルコンテンツ（ゲーム、ムービー、アニメなど）が楽しめます。
FLO:Qに登録しているメンバーからあなたの気になるメンバーを探してお気に入りメンバーに登録すれば、FLO:Qを通じて新しい「つながり」が生れます。
◎ブログやニュース・情報配信サイトの情報を表示するツール
「Callbee Feed」で提供されているツールを利用すれば、簡単に、ニュース・情報配信サイトや、ブログサイト等で、「XML」、「RSS」といったリンクを通じて配信された情報を、あなたのサイトで表示出来るようにする事が可能になります。
※当ブログ左枠メニュー「無料ブログ テンプレート新着記事」参照
◆ 使用方法
Callbee Feedで用意したオススメRSSであれば、写真をクリックするか、プルダウンメニューから希望のRSSを選択し、右の「RSS URL入力」ボタンを押してRSS URLを取得し、「出力」ボタンを押します。
Callbee Feedで用意したオススメRSS以外のニュース・情報配信サイトや、ブログサイト等の情報を表示する場合には、「RSS出力・編集」ページ右枠の各項目をチェックし、「出力」ボタンをクリックし、生成されたソースコードをあなたのサイトの希望の箇所に貼って下さい。
（表示は「プレビュー」ボタンを押して内容を確認出来ます。）
レイアウトを変更する場合は、「CSS選択・編集」 ページにて、Callbee Feedで用意したレイアウトのCSSを取得するか、自分でCSSを設定してカスタマイズします。
「Callbee Feed」で提供されているツールを利用すれば、簡単に、ニュース・情報配信サイトや、ブログサイト等で、「XML」、「RSS」といったリンクを通じて配信された情報を、あなたのサイトで表示出来るようにする事が可能になります。
※当ブログ左枠メニュー「無料ブログ テンプレート新着記事」参照
◆ 使用方法
Callbee Feedで用意したオススメRSSであれば、写真をクリックするか、プルダウンメニューから希望のRSSを選択し、右の「RSS URL入力」ボタンを押してRSS URLを取得し、「出力」ボタンを押します。
Callbee Feedで用意したオススメRSS以外のニュース・情報配信サイトや、ブログサイト等の情報を表示する場合には、「RSS出力・編集」ページ右枠の各項目をチェックし、「出力」ボタンをクリックし、生成されたソースコードをあなたのサイトの希望の箇所に貼って下さい。
（表示は「プレビュー」ボタンを押して内容を確認出来ます。）
レイアウトを変更する場合は、「CSS選択・編集」 ページにて、Callbee Feedで用意したレイアウトのCSSを取得するか、自分でCSSを設定してカスタマイズします。
関連タグ ： ブログツール,
● Blog Pet（ブログペット）とは？
Blog Pet はあなたのブログから言葉を覚える謎のペットです。
Blog Pet（ブログペット）の種類はこうさぎ・こぱんだ・こねこ・こいぬ・こねずみの 5種類です。
■ ブログペットはあなたのブログを毎日読んでいます
■ おぼえた言葉を話すようになります
■ ブログに記事を書きたがるようになります
※ブログにペットを飼うためには、Blog Pet新規登録する必要があります
⇒ Blog Pet（ブログペット）新規無料登録ページ
Blog Pet はあなたのブログから言葉を覚える謎のペットです。
Blog Pet（ブログペット）の種類はこうさぎ・こぱんだ・こねこ・こいぬ・こねずみの 5種類です。
■ ブログペットはあなたのブログを毎日読んでいます
- ブログペットはあなたのブログを毎日楽しみに読んでいます。そして、あなたのブログの記事から面白いと思う言葉をおぼえていきます。
- あなたがブログを更新すればするほどペットは新しい言葉をおぼえます。また、あなたのブログに長くいればいるほど、いろんなことをするようになります。
■ おぼえた言葉を話すようになります
- ペットはあなたのブログからおぼえた言葉を話したがっています。
自分のブログを更新したついでや、友達のブログを訪問した時など、また、ふと一息つきたいときにペットに触れてみてください。
きっとペットは喜んでやってきて言葉を話してくれます。
そして、ときには俳句をしゃべったり思いもかけない長い言葉を話すかもしれません。
■ ブログに記事を書きたがるようになります
- ブログペットは、あなたのブログで覚えた言葉を使って、いろんなことをしたがるようになります。
- もし、あなたが使っているブログがブログペットに記事を書き込めるようになっているなら、ペットたちはブログに記事を書くようになります。
- そして、他のペットが書いた記事にトラックバックをするようになるかもしれません。
ときにはあなたの書いた記事にコメントを書いてくれるかもしれません。
※ブログにペットを飼うためには、Blog Pet新規登録する必要があります
⇒ Blog Pet（ブログペット）新規無料登録ページ
関連タグ ： ブログツール,
記事の中に直接、<ruby>タグを記述すると、漢字に振り仮名（ルビ）を表示できます。
● 表示例 ⇒ 漢字
記述例 ⇒ <ruby><rb>漢字<rt>かんじ</rt></rb></ruby> （※IE専用）
ただし、これだと「IE」以外のプラウザで表示した場合には、
「漢字かんじ」というような表示となってしまい、不自然な感じとなります。
そこで、「IE」以外のブラウザで閲覧しても不自然にならないように、以下のように記述します。
● 表示例 ⇒漢字
記述例 ⇒ <ruby><rb>漢字</rb><rp>(</rp><rt>かんじ<rt/><rp>)<rp/></ruby>
このようにすれば、「IE」以外のプラウザで表示した場合には、
「漢字(かんじ)」というように振り仮名が（ ）でかこまれるので、不自然な感じにもなりません。
なお、「IE」では、<rp>〜</rp>の部分は無視されます。
● 表示例 ⇒ 漢字
記述例 ⇒ <ruby><rb>漢字<rt>かんじ</rt></rb></ruby> （※IE専用）
ただし、これだと「IE」以外のプラウザで表示した場合には、
「漢字かんじ」というような表示となってしまい、不自然な感じとなります。
そこで、「IE」以外のブラウザで閲覧しても不自然にならないように、以下のように記述します。
● 表示例 ⇒
記述例 ⇒ <ruby><rb>漢字</rb><rp>(</rp><rt>かんじ<rt/><rp>)<rp/></ruby>
このようにすれば、「IE」以外のプラウザで表示した場合には、
「漢字(かんじ)」というように振り仮名が（ ）でかこまれるので、不自然な感じにもなりません。
なお、「IE」では、<rp>〜</rp>の部分は無視されます。
◎ 画像の周囲に文章を回りこませて表示する
このように、写真やバナーなどの画像を挿入し、そのまま文章を記述すると文章が画像の下に表示されてしまいます。この場合、<img>タグに「align 属性」を追加することで、文章を画像の右や左に回りこませて表示することができるようになります。
■文章を画像の右に回りこませて表示 （表示例を兼ねる）
画像の左右に文字を回りこませるには、画像を表す<img>タグに、
画像と文字の位置関係を表す「align 属性」を設定します。
ここでは、「align 属性」に「left」を指定しているので、
文章は画像の右側に回りこんで表示されます。
「left」を「right」にすれば、文章は画像の左側に回りこみます。
●記述例
<img src="画像へのパス（URL）"
alt="" border="0" align="left" style="padding-right:10px;">文章
※ align="left" ⇒ 画像を左側に指定する
※ style="padding-right:10px;" ⇒ 文章と画像の間隔を開ける
このように、写真やバナーなどの画像を挿入し、そのまま文章を記述すると文章が画像の下に表示されてしまいます。この場合、<img>タグに「align 属性」を追加することで、文章を画像の右や左に回りこませて表示することができるようになります。■文章を画像の右に回りこませて表示 （表示例を兼ねる）
画像の左右に文字を回りこませるには、画像を表す<img>タグに、画像と文字の位置関係を表す「align 属性」を設定します。
ここでは、「align 属性」に「left」を指定しているので、
文章は画像の右側に回りこんで表示されます。
「left」を「right」にすれば、文章は画像の左側に回りこみます。
●記述例
<img src="画像へのパス（URL）"
alt="" border="0" align="left" style="padding-right:10px;">文章
※ align="left" ⇒ 画像を左側に指定する
※ style="padding-right:10px;" ⇒ 文章と画像の間隔を開ける
