Blogの書き方

テーマ:

文字を大きくする


大きい画像を貼り付ける


動画配信(動画配信サービスを使用しない場合)


動画の設置 (動画配信サービスを使用する場合)


パソコンでFilpClipを活用してみる


文字位置を変更する


大きさ、自由自在。楽天アフィリエイト画像


ディズニーキャラクターをブログに・・・


AD

MyClipがなくなって、もう使えないと思っていた逆アクセスランキング・・・


DrecomRssを使って、使用することが出来るじゃないですかキラキラ


というわけで、早速設置しました


設置方法は簡単です


1.DrecomRssでIDをGETします(MyClipを使われていた方は、MyClipと同じメルアド&パスワードで入れます)


2.中に入ったら、[Clip]-[クリップリーダー]で、何でもいいので一つクリップを作成(MyClipを使われていた方は、以前のデータが残ってますので、Clipをしなくても・・多分・・大丈夫です)


3.[Clip]-[クリップリスト設定]の先頭or終端に、それぞれ、カウント取得用タグとランキング表示用タグを設置します


  ※ただし、文字制限があるので、カウント取得用タグは、<SCRIPT TYPE="text/javascript" SRC="****************"></SCRIPT >の部分だけを貼り付けます


4.[Clip]-[コード生成]で表示されるタグを、プラグインの[ClipList(ドリコムRSS)]に貼り付けて、設置を行うと表示できます


逆アクセスランキングは、かなりお気に入りのブログパーツだったので、設置できてヨカッタ!


※この方法で設置する場合は、Clipは、1つにしてください

 Clipした数分、ランキングが表示されます


他によい方法があったら、教えてください

AD

何度もチャレンジして失敗していた、Ask.jpのツールバー をやっと設置しました。


サイドバーに設置している、 (こいつ)です。


ずっと失敗していた理由は、ウィルスチェックに引っかかるから。


ウィルスに感染しているんじゃ??


って思っていたら、どうやら違ったようで、(Q&Aに書いてありました)機能の一部が、一部のウィルスチェックのソフトに引っかかるって書いてありました。


で、ドキドキしながらも、ウィルスチェックのソフトを一時無効にして、ダウンロード、やっと下に書いたようなかわいい記事が書けました(^▽^)


勝手にブログに使ってもいいの??


って思われるかもしれませんが、きちんと許可が出ています。


Ask.jpのツールバー をインストールしている人だけが、使用可能です。


そして、使用方法は、


その1.当然だけど、Ask.jpのツールバー をダウンロードします。

その1.メッセージにしたがって、インストールします。


準備が出来たら、



その2.ツールバーから、Smiley Central をクリックします。


Ask.jpツールバー

ここにあります



その3.出てきた一覧から好きな種類(?)を選択します



今回は、ディズニーコレクションをクリック



4.そして、右に出てきた画像の中から、ブログに貼り付けたい画像の上で右クリックをして、[スマイリーのHTMLをコピー]をクリックします





5.記事を編集の中で、[HTMLタグを表示]を選んで、貼り付けたい場所に[右クリック=>貼り付け]もしくは、[Ctrl+V]で貼り付けを行います。


<a href='http://www.smileycentral.jp/?partner=JSzeb008_jsbvawy018' target='_blank'><img src='http://ak.images.smileycentral.jp/cat/jk/666.gif' alt='卒業式' border=0></a>


こんな感じに貼り付けられるので、


<a href='http://www.smileycentral.jp/?partner=JSzeb008_jsbvawy018' target='_blank'><img src='http://ak.images.smileycentral.jp/cat/jk/666.gif' alt='卒業式' border=0></a>


赤太字にした部分は削除してしまっていいです。(面倒だったら、そのままでも問題ないですよ)


そうすると、こうなります




最後に、必ず使用承諾を入れてください!(コレは重要です)


※使用承諾です


本記事中のスマイリーの画像は、[Smiley Central ] を運営する [アスク ドット ジェーピー ]から使用許諾を受けて掲載しています。


タグだとこんな感じになります


本記事中のスマイリーの画像は、[<a href="http://www.smileycentral.jp/ " target="_blank">Smiley Central</a>] を運営する [<a href="http://ask.jp/ " target="_blank">アスク ドット ジェーピー</a>]から使用許諾を受けて掲載しています。


詳しくは、Smiley Central Blog のブログのここ に書いてありますので、わかられない方はそちらを見られてください。



この記事を評価する

☆メニュー☆

AD

アフィリエイトってイロイロありますが、私は基本的にいろんな商品を扱っていて、自分もお買い物をすることがある楽天アフィリエイトを利用しています。


で、楽天アフィリエイトでの場合ですが(ほかを知らないので)


大部分の方が商品の画像をブログに載せるのを目的でやっていると思うんですが、楽天アフィリエイトの画像ってちいさい!


のでので、画像サイズを変更する方法を・・・


たとえばこの本、コレが出来上がったままのサイズ。


商品を紹介するには別にいいんだろうけど、話のネタにするにはちと小さい(私には)

ひとりでうんちできるかな

そのコードがコレ


<a href="http://pt.afl.rakuten.co.jp/c/023d9061.555cf7ed/?url=http://item.rakuten.co.jp/d-kintetsu/04ehon00004/ " target="_blank"><img alt="ひとりでうんちできるかな" src="http://thumbnail.image.rakuten.co.jp/@0_mall/d-kintetsu/cabinet/ehon26.jpg?_ex=128x128 " border="0" /></a>


コレをちょっと修正してみると、こんな風に大きくなります
ひとりでうんちできるかな

修正後のコードがコレ


<a href="http://pt.afl.rakuten.co.jp/c/023d9061.555cf7ed/?url=http://item.rakuten.co.jp/d-kintetsu/04ehon00004/ " target="_blank"><img alt="ひとりでうんちできるかな" src="http://thumbnail.image.rakuten.co.jp/@0_mall/d-kintetsu/cabinet/ehon26.jpg?_ex=300x300 " border="0" /></a>


どこを修正したのかというと、最後の辺りにある、


~_mall/d-kintetsu/cabinet/ehon26.jpg?_ex=300x300 " border="0" /></a>

~_mall/d-kintetsu/cabinet/ehon26.jpg?_ex =

~_mall/d-kintetsu/cabinet/ehon26.jpg_ この数字の部分です


この数字が画像のサイズになるので、同じ比率で(多分どれでも最初は“128×128”だとは思いますが)数値を変更すると、大きくも小さくも出来ます

☆メニュー☆

文字位置を変更する

テーマ:

普通に文字を書くと、当然左詰に入っていくけど、


強調したい!とか、仕切りにしたい!などで、中央位置に文字や画像を持って生きたいことがあると思います


そういう場合のタグですが、


☆★☆★☆★☆★


たとえば、↑こんなのを真ん中に持っていこうと思ったら・・・


タグは


<p><font color="#ff6600">☆★☆★☆★☆★</font></p>

こんな感じになっているので、


<p align="center"><font color="#ff6600">☆★☆★☆★☆★</font></p>


と書いてみると、

☆★☆★☆★☆★


こんな風に中央に移動することができたと思います


今度は、右に配置してみたいと思います


<p align="right"><font color="#ff6600">☆★☆★☆★☆★</font></p>


と書いてみると、

☆★☆★☆★☆★


こういう風に、右に移動することが出来ます



これは、<p>~~</p>で括られている範囲のみで有効になります。


広範囲で行いたい場合は、


☆★☆★☆★☆★

▼△▼△▼△▼△

今度は↑コレ↑を動かしてみようと思います


タグは、


<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>

こうなっています


<div align ="center">

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</div>

または、

<center>

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</center>


としてみてください。


☆★☆★☆★☆★

▼△▼△▼△▼△


結果は同じですが、複数の<p></p>を囲むことが出来るので、結構便利です。


右揃えも同様に、


<div align ="right">

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</div>


とすると、

☆★☆★☆★☆★

▼△▼△▼△▼△


こんな風になります


ただし、右揃えには、<right>~</right>はありません。


まとめ。


中央揃えは、


<p align="center"><font color="#ff6600">☆★☆★☆★☆★</font></p>

または、

<div align ="center">

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</div>

または、

<center>

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</center>


右揃えは、


<p align="right"><font color="#ff6600">☆★☆★☆★☆★</font></p>

または、

<div align ="right">

<p><font color="#ff6600">☆★☆★☆★☆★</font></p>
<p><font color="#666699">▼△▼△▼△▼△</font></p>
</div>



※<div="・・・">~</div>を使用するときは、最後の</div>で括るのを忘れないようにしてください。


☆メニュー☆

動画の設置

テーマ:

以前は、動画配信サイトを利用しない方法をご紹介しましたが、今回は、動画配信サイト「かんたん動画変換配信サービス らくちんFLVメーカー 」を利用した方法をご紹介します。(前回:動画配信


1.「かんたん動画変換配信サービス らくちんFLVメーカー 」に動画を登録します

  (方法がわからない場合はこちら に詳しく載っています)


2.リンクさせる画像を用意します。

  (これは、文字でも問題ないです)


  私は前回より、ここで出来上がった動画を、[Print Screen]を利用してコピーして、画像として使用することにしました。

  動画だと言うことが一目瞭然でいい感じです。


3.画像を、いつも通りにアメブロにUPしてから、記事に貼り付けます


バルーンフェスタ

◇◇◇◇◇◇こんな感じ

(クリックすると、サムネイルされる前の画像が表示されます)


4.この画像に、タグを埋め込みます。

  使用するタグは、ポップアップウインドウ用リンクタグになります


  記事入力スペースの下にある[HTMLタグ]を表示をクリックすると、



<p><a href="http://blog.ameba.jp/user_images/c0/3a/10002900047.jpg " target="_blank"><img height="204" alt="バルーンフェスタ" src="http://blog.ameba.jp/user_images/c0/3a/10002900047_s.jpg " width="220" border="0" /></a></p>



こういった表記になっていると思うので、


<p><a href="http://blog.ameba.jp/user_images/c0/3a/10002900047.jpg " target="_blank"><img height="204" alt="バルーンフェスタ" src="http://blog.ameba.jp/user_images/c0/3a/10002900047_s.jpg " width="220" border="0" /></a></p>




赤い部分を、ポップアップウインドウ用リンクタグと差し替えます



※ポップアップウインドウ用リンクタグ


http://f.flvmaker.com/mc.php?id=N0xcPpX4__GKUTAF6Eq.PMqehLcwBpXxjEYGJBYePNKtcf/CMgTEYt_6tqRii8DabpB6YCokmuli3XLGW


   ↑これをああ↓ここに埋め込む


<p><a href="http://f.flvmaker.com/mc.php?id=N0xcPpX4__GKUTAF6Eq.PMqehLcwBpXxjEYGJBYePNKtcf/CMgTEYt_6tqRii8DabpB6YCokmuli3XLGW" target="_blank"><img height="204" alt="バルーンフェスタ" src="http://blog.ameba.jp/user_images/c0/3a/10002900047_s.jpg " width="220" border="0" /></a></p>



バルーンフェスタ

◇◇◇◇◇こんな感じになります

(見た目は同じですが、クリックすると、動画が表示されます)


もちろんこのままでもOKですけど、

<p><a href="http://f.flvmaker.com/mc.php?id=N0xcPpX4__GKUTAF6Eq.PMqehLcwBpXxjEYGJBYePNKtcf/CMgTEYt_6tqRii8DabpB6YCokmuli3XLGW" target="_blank"><img height="204" alt="バルーンフェスタ" src="http://blog.ameba.jp/user_images/c0/3a/10002900047_s.jpg " width="220" border="0" /></a></p>


青い部分を削除すると、


バルーンフェスタ

◇◇◇◇◇◇◇◇◇インパクトがあります


ちなみに、

<p><a href="http://f.flvmaker.com/mc.php?id=N0xcPpX4__GKUTAF6Eq.PMqehLcwBpXxjEYGJBYePNKtcf/CMgTEYt_6tqRii8DabpB6YCokmuli3XLGW" target="_blank"><img alt="バルーンフェスタ" src="http://blog.ameba.jp/user_images/c0/3a/10002900047.jpg " border="0" /></a></p>


緑の部分の[target="_blank"と[border="0"]ですが、


target="_blank"は、クリックしたら、新しいウィンドウでリンク先を表示する(コレを消すと、現在のウィンドウにリンク先を開きます)


border="0"は、枠の太さ(コレを削除すると、枠がつきます)


と言う意味になり、target="_blank"は、動画を見終えたあと、[戻る]で帰ってこないといけないので個人的にはつけるようにしています。


border="0"は、お好みで削除してもかまいませんし、残しておいてもかまいません。

☆メニュー☆

<大きい画像を貼り付ける>


Blogに画像を貼るとき、実際の画像より小さいな・・・とか、画像がなんだか荒いぞ??ってことがあると思います。


それは、サムネイル化されているからです


(サムネイル:多数の画像を一覧表示するために縮小された画像)


ではどうすればいいのかというと、


1.まず画像をいつもどおり貼り付けます


のまのまイエイ♪

◇◇◇◇◇こんな感じになる

◇◇◇◇◇◇荒い&小さい


2.記事入力スペースの下にある[HTMLタグ]を表示をクリックすると、


<a href="http://blog.ameba.jp/user_images/4a/c5/10002014236.gif " target="_blank"><img height="130" alt="のまのまイエイ♪" src="http://blog.ameba.jp/user_images/4a/c5/10002014236_s.gif" width="220" border="0" /></a>


こういった表記になっていると思うので、


最初の、<a href="・・・・ " target="_blank">と『height="130"』と『width="220" border="0" /></a』を削除して、(数値は、画像によって違います)


<img alt="のまのまイエイ♪" src="http://blog.ameba.jp/user_images/4a/c5/10002014236_s.gif" >


こんな感じになります


次に、画像アドレスの最後の部分の"_s"を削除します

<img alt="のまのまイエイ♪" src="http://blog.ameba.jp/user_images/4a/c5/10002014236_s.gif" >
<img alt="のまのまイエイ♪" src="http://blog.ameba.jp/user_images/4a/c5/10002014236↑ここ


で、

<img alt="のまのまイエイ♪" src="http://blog.ameba.jp/user_images/4a/c5/10002014236.gif" >


こういう表記にしてから、[タグの非表示]をクリックします


このままでは、画像が表示されないので読み込みなおす必要があります。


一度[下書き]にチェックを入れてから保存を押すと、


のまのまイエイ♪

◇◇◇◇◇◇◇◇◇◇◇◇◇こんな感じに、本来のサイズで表示されます

☆メニュー☆

文字を大きくする

テーマ:

<文字の装飾>


<font ・・・・・・> 文字</font>
装飾を施したい文字を<font >と</font>で囲むのがポイントです(^▽^)
文字色の指定 <font color="色番号"> 文字 </font>
文字サイズの指定 <font size="サイズ"> 文字 </font>
文字書式の指定 <font face="文字フォント"> 文字 </font>

 

一緒に書く場合の順番は、決まっていませんので、自由に指定できます

文字を大きくしたい時、一番簡単な方法は、


1.大きくしたい文字の文字色を変更する


例)


 月の光には魔力が宿ると・・・


2.記事入力スペースの下にある[HTMLタグ]を表示をクリックすると、



月の光には<font color="#ff0000">魔力</font>が宿ると・・・



こんな風にかかれています



3."<font color="#ff0000">"の"color"を“size”に変更して、そのあとの、"#ff0000"(コレは、指定した色によって違います)を"+2"とかにするとOKです。


※サイズは“1~7”の数値を絶対的に指定する方法と、“-3~+3”のように、相対的に指定する方法があります。(基本のサイズは、”3”のようです)

 私は、相対的に指定する方法をいつも使っています。

例)


size="1" : 月の光には魔力が宿ると・・・ size="-2" : 月の光には魔力が宿ると・・・
size="2" : 月の光には魔力が宿ると・・・   size="-1" : 月の光には魔力が宿ると・・・
size="3" : 月の光には魔力が宿ると・・・   size="+0" : 月の光には魔力が宿ると・・・
size="4" : 月の光には魔力が宿ると・・・   size="+1" : 月の光には魔力が宿ると・・・
size="5" : 月の光には魔力が宿ると・・・   size="+2" : 月の光には魔力が宿ると・・・
size="6" : 月の光には魔力が宿ると・・・   size="+3" : 月の光には魔力が宿ると・・・
size="7" : 月の光には魔力が宿ると・・・   size="+4" : 月の光には魔力が宿ると・・・



さらに色を付けたい場合は、[タグの非表示]に戻して色を選択してもいいですし、



例)


    月の光には<font color="#ff0000" size="+3">魔力</font>が宿ると・・・


      結果) 月の光には魔力が宿ると・・・



みたいにして、タグを追加してもOKです。


ちなみに、書式を変更する場合は、


例)


    月の光には<font face="HGS創英角ポップ体" color="#ff0000" size="+3">魔力</font>が宿ると・・・



のようにして、書式を指定すると、

      結果) 月の光には魔力が宿ると・・・



このようになります。


☆メニュー☆

************************************************************************************

初心者(妹)向けです(汗)

興味のない方は、スルーしてください。

知りたいことがある方は、カキコしてください。

私のわかることでしたら、UPしていこうと思います


例文は・・・気にしないでください(汗)

************************************************************************************

動画配信

テーマ:

FilpClipで、イロイロチャレンジしてみたんですが(私なりにね(^^;;)どうも、面白くない・・・


って言うか、うまくいかない。


私の想定しているものどおりにはならない!!


ってなわけで、ちょっと動画配信に心奪われている私は・・・・新たな旅へ出ることにしました。


って、アメブロをやめるって意味ではなく、FilpClipをやめようと思ったの。


だって、うまくいかないんだもん!


で、それだけだとぜんぜん動画配信に心奪われていないジャン!ってことになるんだけど、ここ (車大好きで使用した動画です)を見てもらえばそんなことはないって分かるはず!


新たなる(FilpClipじゃないって意味)、無料動画配信サービスのサイトに登録しました。


かんたん動画変換配信サービス らくちんFLVメーカー


って言うサイト。


3ヶ月無料なんてケチなこと言わない、完全無料なうえ、容量は50MB。


さらに、対応されているファイル形式も多様で、デジカメだろうが携帯だろうが何でもOK


画像サイズも選べるし、簡単UPで出来上がります。


そのままタグをペタ出来ないところがちょっとつらいけど、でもリンクで使用するためのアドレスも表示されるので、画像にリンクを張りたい場合は、画像を準備しないといけないけど(って、普通に写メ撮っておけばいいだけなんだけどね)文字にリンク張る場合は、そのまま[リンク]でURLのところにペタすればいいので問題なし!


かなり優れものだよね!!


FilpClipでの不満が一気に解消した感じです♪


ぜひぜひ、お試しください♪


あと、以前に質問のあった「SLあそBOYを追っかけろ! 」で行っている動画の配信方法ですが、


1. 動画をHPサーバーにアップする
プロバイダーが用意しているHPサーバーがあると思います。

大体のところは標準でついていて、ただ、使用する際には申請をしないといけないところが多いかも・・・。

私はFreeの所でHPを作っているのでそのサーバーにUPしてます。

2. 動画をリンクさせたい画像を記事に貼り付ける
  (いつも通り、ボタンでぺたっとしちゃってください)

 

3. HTMLタグを編集します
「HTMLタグを表示」をクリックすると、

<a href="http://ameblo.jp/user_images/83/ca/ABC.jpg " target="_blank"><img height="176" alt="画像タイトル" src="http://ameblo.jp/user_images/83/ca/ABC_s.jpg " width="220" border="0" /></a>

※ABC.jpgは画像のファイル名です

って言う表記があると思います。


で、最初の<a href="~"がリンク先になるので、””の部分を、UPした動画のアドレスに変更します。


で、<img ~が表示されている画像になるので、height="176"」「width="220"部分が(その画像によってあったりなかったりします。あと、数値が違う場合もあるかも)画像のサイズになるのでコレを削除して、画像のファイル名の後ろについている「_s」を削除します。

ABC_s.jpg」⇒「ABC.jpg」って感じにします



こんな感じで、あの動画を貼り付けました♪


こういう風にすると、見る人が自分の見たいサイズで動画を見ることができるので、全画面で(画像は荒くなるけど)迫力あるSLをみれるように!すこしでも、あの迫力を伝えたくて、この方法でUPしたんです。

(簡単にダウンロードも出来るしね(^▽^))

ちょっとだけUPしたい人には、こっちのほうが会員登録の手間も無くてよいかもです。

☆メニュー☆

以前にも書いたけれど、私の携帯はムービー写メール用の動画は、ほんのちょっと(5秒だった(>_<))しか撮れない

で、盆休みにイロイロいじってみようと思っていたんだけど、時間がなかった
(っていうか、ダウンしてました・・・強行大阪旅行?のため)

で、ちょっと調べてやってみたところ、
携帯やデジカメ等で取ったデジタルビデオの動画をFilpClip にUPすることが出来ました

ので、方法をUPしておきますね!


1.まず、FilpClip の設定を変更します。


   プロフィール => メールアドレスの設定 => ケータイメールアドレスの設定
   で、携帯のメルアドをパソコンのメルアドに変更します


2.動画をパソコンに取り込みます。


3.windows ムービーメーカー 等のソフトを使用して、15秒以内の動画に修正してください。

 (これは、取り込む前に、携帯の中で行っても問題ないです)


4.ファイルの準備が出来たところで、FilpClipに対応した形に変換するための準備をします


  a)携帯動画変換君 というソフトをダウンロードして、解凍します


  b)Setup.exeというファイルを起動して、「機種別設定:3GP2ファイル,W21CA向け設定」「機種別設定:3GP2ファイル:A5505SA向け設定」を選択し、「設定」をクリックします


  c)このままでは、WMVの拡張子のファイルは読み込めないので、Avisynth 2.5 以上をダウンロード&インストールします

    (コレをせずにうまくいく場合は、インストールする必要はありません)


5.携帯動画変換君 の3GP_Converter.exeを実行します(Setup.exeでの設定を行ったら自動的に起動します)


6.機種別設定を、「Lサイズ(178×144)・・・」「高画質高音質:QCIF[A5505SA]15fps」に指定して、ここにファイルをドラッグ&ドロップのすぐ下にファイルをドラッグします


これで、エラーが出なければ完成です(勝手にファイルが出来上がっています)

エラーが出た場合は、README.txtを見てくださいね♪


7.最初に設定したメールアドレス経由で出来上がったファイルをUPすると、受理されます。


すると、こんな感じで出来上がります。




178×144ピクセルで作成したファイルを、160×120ピクセルに縮小して表示しているので少し荒くなります(^^;;


もし、他に160×120ピクセルもしくはソレに近い数値に変換できる方法があったら、教えてくださいm(_ _)m


そして、そして、もっと簡単な方法があったら、ソレも教えてくださいm(_ _)m


よろしくお願いします



ちなみに、音声もちゃんと入ります。

(私はヘタレなので、音声なしでいかせていただきました・・。)



21:30 ファイルサイズの制限を受けて、表示時間が短くなっているようなので(<=コレが原因かどうかは不明ですけど)青字=>赤字に修正をしました。

     これにより、ファイルサイズが半分くらいに小さくなり、15秒表示することができるようになりました

☆メニュー☆