楽しむYahoo!ブログの作り方♪

モコたんさん用質疑応答記事

モコたんさん用質疑応答記事

昨夜「文字の中に画像を入れる」、転載、トラバック、×印等を印刷し何度も何度も拝読していますが
先ず｛文字の中に画像を入れる｝書式、表示例の意味が分からず
[[attached(1)]]を記録して一番目の画像を選ぶのですか？実行したが駄目でした。
画像が続くと見にくいから間に文字を入れたいのですが是非教えて欲しいです。

というご質問を戴きました。

つまりは、Yahooブログでは画像を投稿すると基本的には全て画像は
記事の上部に表示されてしまうために、

やりたい事は、

文章と文章の間に画像を表示させたい　という事だと解釈しています。

その方法について

http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1131595406

↑こちらの知恵袋での私（oyaji3_blog）の回答をよく読んで戴ければ理解出来ると思いますが転機します。

画像と画像の間に文字を入れるには・・・つまり、
自由な場所に画像を掲載したい場合には２つの方法があります。

記事作成時に「Wiki文法使用」の欄にチェックを入れたWiki文法用記事に
写真を投稿し下記のどちらかの方法で行って下さい

★方法１
たとえば、画像を２枚投稿した記事があるとして、
以下のように表示させたいとします。

＝＝＝＝（記事表示例）＝＝＝＝

下の画像が○○の写真です

１枚目の画像表示

次に行った場所は↓この写真の場所です。

２枚目の画像表示

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝


★上のような記事にしたい場合の入力の仕方は

＝＝＝＝ （入力例） ＝＝＝＝

下の画像が○○の写真です

[[attached(1)]]

次に行った場所は↓この写真の場所です。

[[attached(2)]]


＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

とそのまま記事に入力すれば、[[attached()]]のある場所に
画像が表示されますよ。

中の半角数字は、投稿した画像の順番をそのまま入れればいいのです。

上の件についての詳しい図解説明を下記の記事で判りやすく書いてあります。

■ 超簡単!!画像の位置変化と色文字の表示方法♪【2】
（投稿した画像を好きな位置にしたり、文字を大きく表示しましょう♪）
http://blogs.yahoo.co.jp/uragoe_2ch/45766268.html
文字を大きくしたり、色を変える方法も記載しています。

※ただし、[[attached( )]]を使う方法は
メリット・デメリットがありますので、
▼デメリット
・サイズ指定（変更）が出来ない
・画像のAlt属性が編集出来ない
・転載した場合に記事のレイアウトが変わる
・拡張子を付けられない。
・RSSで見た場合のレイアウトに対応しない。
・ＰＣ環境によっては保存が出来ない（ブロックされる）など。

以下のような方法もあります。

★方法２（おすすめです）

★参考 Yahooブログヘルプ
『画像を記事の好きな位置に表示したい』
http://help.yahoo.co.jp/help/jp/blog/blog-69.html
ここに説明があるように、非公開記事などに画像を投稿し、そのURLを取得して
Wiki文法使用にチェックを入れた記事に[[img(http://〜)]]タグを利用して
好きな位置に貼り付ける方法があります。
（公開記事に先に画像をアップしてから、あとで修正する方法もあります）

これなら自由に好きな位置に画像（写真）を配置可能ですし、
画像の大きさも自由自在に変更出来ます。
しかも、ちゃんと拡張子を付けていれば
画像のダウンロード時にもテキスト形式で保存される事がなくなります。

Yahoo!ブログ上での画像の取り扱いについての説明は

こちらの記事でポイントを詳しく解説していますので参考にして下さいね。
ブログ記事などへの貼り付け方法の解説記事もあります。

参考記事
■超簡単!!画像・写真の投稿方法♪
http://blogs.yahoo.co.jp/uragoe_2ch/17196152.html

■超簡単!!ブログの画像のアドレス(URL)の取得方法
http://blogs.yahoo.co.jp/uragoe_2ch/47589132.html

この説明でご不明な点があれば、お気軽にこの記事のコメント欄に
ご質問下さい。

画像の点滅の方法

★注目★あの花畑牧場の生キャラメルがネット通販で入手可能になりました！

画像の点滅の方法

うちのファン専用のトップページ記事 に頂いたご質問ですが

ももさんから、こういうご質問を戴き。ました

oyajiさん，迷ってしまってここに書いてしまいました<(_ _)>
上の「今なら間に合います〜」のように文字列を点滅させるには
どのようにしたらよいのでしょうか？
このような質問はどこにすればよいのでしょうか？
ごめんなさい。教えてください<(_ _)>

まず、ご質問は即応出来ない場合もありますが
基本的にはなるべく早く対応するようにしていますので
どの記事でも良いので比較的コメント数の少ない記事に質問して下さい

以前に作っていたなんでも質問箱 のような
質問専用の記事を作ってしまうと、
もの凄い数の質問が寄せられてしまうというのと、
過去のコメントを見もせずに何度も同じ質問が繰り返されてしまうのと、
コメント欄が異常に長くなってしまい、開くのすら辛い状況になる、

という理由で、専用の質疑応答記事は作成していませんが、
マナー良くご質問下さる分に関しては、
きちんと対応させて頂いております。

★ご質問の件についてですが、

http://oyaji3.com/af/smt.gif

これは、その記事のアフィリエイト用に作成したアニメGIF画像と言います。
文字列を点滅させているのではなくて、
２枚の画像を結合させて１枚のアニメGIF画像を作り
繰り返し表示させているだけです。

下にその２枚の画像を示します。

◆　１枚目の画像

判りやすいように、背景に色を指定して表示しています。

つまり、この画像は真っ白の１枚の画像です

画像サイズは横幅３００ピクセル　高さ９４ピクセルです。

◆　２枚目の画像

これが、２枚目の画像です。

１枚目と全く同じ横幅と高さのサイズのキャンバスにペイントで文字を書いただけのものです。

★まずは、こうやって同じサイズの画像をペイントを使って２枚作ればいいのです。

アニメGIF画像を作る

それを■　超簡単!!動くアイコン・バナーを作う♪ の記事で

紹介している Giam というアニメGIF作成ソフトで、くっつけて１枚のアニメGIF画像として作成し、

記事に貼り付ければ良いわけです。

◆参考記事

■　超簡単!!動くアイコン・バナーを作う♪

■　超簡単!!アニメＧＩＦ画像についての説明♪

■　超簡単!!アニメＧＩＦ画像についての説明♪(２)

★私の場合は、自分で借りているレンタルサーバーに画像を投稿して
そのアドレスを使って画像を表示していますが
もちろん、そういうのがなくてもご自身のブログ記事に画像を投稿して
その画像のＵＲＬ（アドレス）を取得して貼り付けても構いません。

ちなみに、この記事に貼り付けている
バリューコマースのバナー画像も、
これと同じような方法で作成されたアニメGIF画像です。

参考記事
■ 超簡単!!ブログの画像のアドレス(URL)の取得方法

■ ゲストブックに写真・画像を貼り付ける方法♪

Yahoo!ブログ上での画像の取り扱いについての説明は
■ 超簡単!!画像・写真の投稿方法♪

こちらの記事でポイントを詳しく解説していますので参考にして下さいね。
ブログ記事などへの貼り付け方法の解説記事もあります。

追記

ゲストブックにご挨拶を頂いた方のブログで
素晴らしいGIFアニメ画像を作成されていました♪
２５６色までしか使えないGIF画像でこんなに綺麗な画像が作成出来ます。

クルマエビ　アニメ ←こちらの記事です。

これを見ちゃうと、私のバナーや名前アイコンなどおままごとですね（笑）

http://whos.amung.us/cwidget/3fd4d4ni/8dd8f8ed1c24

http://s10.histats.com/435.swf?jver=1&acsid=881026&domi=4&cpagid=0

◆ さぁ！あなたもここから今すぐ登録！（ここをクリック）◆

■　もうあなたは準備していますか？ インフルエンザ対策！！サージカルマスク ■
http://oyaji3.com/af/smt.gif

動画が表示されない場合の対処方法

動画が表示されない場合の対処方法

基本的には、そういったエラーになった場合は

Googleサイト で、それらしきキーワード をいくつか入れてみて検索をすれば、
検索結果に表示されるサイトの中に、解決策が見つかる場合が多いので

どういった検索キーワードにすれば
早く見つけられるかのコツをつかめば
今後、どんなエラーになっても解決が早くなります。

今回の場合は、ブログ上での動画が表示されないと事なので

検索キーワードに、動画　表示　エラーと入力して検索してみました。

「動画　表示　エラー」での検索結果

すると、一番初めにYahoo!Japan のヘルプが検索ヒットしました。

映像（動画）・音声の不具合、エラーメッセージヘルプ

こちらのヘルプを詳しく見ていくと

動画が表示されない原因が見つかると思います。

まず、こういう時に確認しておけば解決が早くなるコツは

・Internet Explorer（ＩＥ・ブログ画面を見ているソフトのこと）のバージョンを知る事

・Windowsのバージョン

・Flash Playerの状態やバージョン

・セキュリティソフトなどの設定

これらをちゃんと把握しておく事です。

誰かに、質問をする場合でも

重要なことは、上に書いたようなあなたのパソコンの環境を
相手に正しく伝えなければ、質問された側も困るわけです。

それが判らないと（相手に伝えられないと）

たとえば、家電製品の故障があった時に
電気屋さんに電話をして

「うちのビデオデッキが壊れたのです！！原因は何ですか？」

・・・と、聞いているようなものです。

つまり、どのメーカーの、どういう機種のビデオなのかを
相手に伝えなければ、その電気屋さんも困ってしまうのと同じ事なのです。

パソコンも、それと同じで

Windows のＸＰを使っている人もいれば
Ｖｉｓｔａを利用している人も居ますし、

ブラウザでもInternet Explorer 6 の人も居れば
Internet Explorer 7 や 8 のバージョンを使っている人も居る。

それぞれに、対処方法が違うのです。

その場合、たとえば IE7（Internet Explorer 7）のバージョンを使っていれば

「ＩＥ7 動画　エラー」の検索結果

このように、キーワードを「ＩＥ7 動画　エラー」として検索することで

ＩＥ７のエラーに絞って検索結果が表示されすので

いち早く、解決策が載っているサイトを調べることが出来るのです。

エラー表示の文字列をそのままキーワードに

他にもエラー表示の文字列をそのままキーワードにして検索する という方法も
解決につながるには早道の場合があります。

たとえば、
ファイルが存在しないかプレイヤーのバージョンが古い可能性があります
と表示されたのなら、それをそのままキーワードにして

このように検索をしてみれば

解決策が書いてあるサイトが見つかりやすくなります。

　

http://whos.amung.us/cwidget/3fd4d4ni/8dd8f8ed1c24

★☆★ファンケル「無添加スキンケア おためしセット」キャンペーン★☆★（クリック！）

「サイトバナー画像」の話（２）

「サイトバナー画像」の話（２）

著作権侵害！さんから

画像にリンクを貼れないYahoo!ブログの「仕様」は「変」ですよ！

という返答記事からのトラックバックを戴きました。

でも基本的には「リンクバナー」としての利用を前提に配布されていると思いますよ。

はい、それは全く否定はしていません。
一般サイト（ＨＰ）が全盛だった頃、
あちこちにＨＰが出来て、リンクページというものが作られていて
私も数多くのそういったリンクページを見てきましたが
必ずしもリンクバナーという形ではなく
たとえば、左側にバナー画像を表示して
右側に、そのＨＰのＵＲＬをハイパーリンクして表示する
といった形態のリンクページはたくさんありました。
私自身もそういったリンクページを作ってもいました。

もちろん、だからといってリンクバナーのみので出来ている
ページもありましたし、それを「変」だとも思いませんが
「リンクバナーとしてしか使うな！」などと書いている
サイト管理人など一切見た事がありません。

まぁ、一般サイトや他ブログの管理者には、
「画像リンクが貼れないブログがある」なんて、
およそ信じられないでしょうから、

と書いておられますが、

・信じられないことを知ったのなら信じれば（認識すれば）良いだけのこと。
だと思います。

「信じられないこと」を、
なんでもかんでも「変だ！変だ！」と
言い張っても何も良い事は生まれません。

その記事で、「自由軒のカレー」について触れておられますが
カレーは「ライスにルーがかかっているものだ」という認識の方が
自由軒に入って（そのつもりで）カレーを頼んだのに、
混ぜカレーが出てきて「変だ！変だ！」と騒ぐようなものです。

こちら地元では自由軒の経営者がＴＶ番組などで紹介され
そのインタビューが放映される機会も多いのですが、
実際にそのようなお客さんは大変多かったようです。

まるで自由軒でカレーを頼んだのにルーとライスが
別々に出されたくらい嫌な気分になりますよ。（謎）

と、あなた自身が書いておられますが
それはその時点で「自由軒のカレーとはどういうものか？」を
ちゃんと認識しているが故に、そのような気分になるわけで

逆に言えば、上に書いたように
「逆の認識を持っていれば、逆に嫌な気分になる」という事です。

その事から、この件を考えれば
ちゃんとYahooブログの仕様を認識していれば良いだけの事なのであり
「変だ！変だ！」・「およそ信じられない」などと言い張る必要もありません。

次に

で、ふと思い出したのが、「Yahoo!ブログからのお知らせ」では
なぜ「img」ではなく「attached」が使われているのかという疑問。。

と書いておられますが、
画像添付で投稿した５６０ピクセル以下の画像は
クリックしても何も起こりません。そういう仕様です。

その件に関しては、ちょうど別IDのブログで先日
【attachedとimg】という記事で
この件に関して詳述していますので、参考にして下さい。

＞＞なぜ、的外れなヘルプを持ち出してくるのか？

その理由は、そのリンク先も同じ「Yahoo!」のサービスだからです。
同じ会社が提供するサービスなのに、
自社のブログで利用できないのは「変」だと思いませんか？

との事ですが、屁理屈にしか聞こえません。

「Yahoo!」というサービスは巨大ですし
ブログもあれば、ＳＮＳもあれば、ＨＰ（ジオシティーズ）もあります。
それを無理やり同列に一緒くたに語っているから
的外れだと申し上げているのです。

そのヘルプは、HTMLコードが利用可能なサイト向けに書いてあるヘルプです。
Yahooブログのヘルプではありません。
どこからどう考えても的外れです。

その理屈で言えば、同じ会社が提供するサービスなのに
なぜたくさんの種類のヘルプページが用意されているのでしょうか？

ちなみに、Yahoo!検索 スタッフブログ は、
以前はYahooブログの公式オフィシャルブログだったことをご存知でしょうか？
最初はYahooブログにちゃんと存在したんですよ。
なぜ、いつから、あのような独立ブログにしたのかの理由は不明ですが。

他のサイトやブログであたりまえにできる「画像へのリンク」ができないのは、どう考えても「変」です。

と書いておられますが、

それを言うのであれば

他のカレー店であたりまえに出てくる
ご飯にカレールーがかかっているカレーが出てこない
「自由軒」はどう考えても「変」です。

と言ってるようなものですよ。

同時に、「他のブログ用につくられたブログパーツのJavaScriptソースを解析して、
Flashオブジェクトファイルに直リンクして利用するような手法」にも同様の懸念を感じます。
これも「配布元が想定していない利用方法」であり、運営方針に反する手法だと思います。

というご意見に対しては、「必ずしもそうとは言えない」と
私の経験上で言えます。

むしろ、それについてはYahooブログの仕様に合わせて
表示出来るようにしてくれた事への
感謝の言葉を戴ける運営者様のほうが多いと感じていますよ。

★☆★ファンケル「無添加スキンケア おためしセット」キャンペーン★☆★（クリック！）

味も想いもあの頃のままで・・
あの人気カレーをご家庭で・・・自由軒　名物カレー　１０箱

http://oyaji3.com/af/jiyuuken.gif

◆　ネットでのご注文は　↓　から♪　◆

「サイトバナー画像」って、何のため？

「サイトバナー画像」って、何のため？

著作権侵害！さんから

http://blogs.yahoo.co.jp/pastatiga/21183573.html#21247985

こちらのコメント欄で

ではお尋ねしますが、「サイトバナー画像」って、何のためにあるものですか？

その画像を利用するなら、そのサイトへの（通常はトップページへの）リンクが
義務付けられている場合が多いような気がしますけど？

という問いかけがありました。

「サイトバナー画像」というのは、
他のサイトやブログなどに貼り付けて利用してもらうために、
そのサイトの管理人が用意する画像の事です。

あえて書き添えておきますが
そういったバナー画像は、
必ずしも『絶対にリンクバナーとしてしか利用してはならないもの』でも無い
と私は思います。

そういう意味では、こちらの阿檀さんのコメントの

>画像の下にベタッとテキストやリンク
どこぞのヤフーブログに、サイトバナー画像[改行]テキストリンク[改行]の繰り返しでリンク集を作ってあって、「これでいいじゃん？」と思ったのを思い出しました。 

という一文には、全く同意しますね。

そのコメント内で、
http://help.yahoo.co.jp/help/jp/search/indexing/indexing-28.html
こちらのヘルプのURLを参考として貼り付けておられますが

Yahooブログでは、そのようなHTMLが利用出来ない事を理解しながら
なぜ、的外れなヘルプを持ち出してくるのか？
という意図が全く理解出来ません。

そのヘルプの内容は、HTMLソースが反映するサイトやブログ向けに記載しているもの
であることも、著作権侵害！氏は当然認識できているはずだと私は思っていますが
なぜそれを承知の上で、意図的にYahooブログでは利用できないタグを
表示しているそのヘルプを持ち出してくるのでしょうか？

その後、

たったこれだけのことが実現できないYahoo!ブログの「仕様」って、
一般的なWEBサイトの「常識」から考えると、やっぱり「変」ですよ。

いやいや、私から言わせていただくと

なぜそれを実現させていないかの理由すら考慮に入れずに
ご自身の価値観だけで「変」だと言い切るほうが「変」だと思います。

郷に入れば郷に従えという言葉もあります。

それに、何も全てのブログサービスサイトが
一般的なWEBサイトの「常識」に合わせて作らないといけない
という事も無いと思います。

そんなの個性の埋没化になると思いますし
それぞれのサービスの特徴もあっても良いんじゃないかと思います。

では、なぜYahooブログが画像リンクをさせないような仕様にしているのか？

もっと言えば、過去において何度かユーザー側が編み出してきた

『YahooブログのWiki→HTML変換のバグを利用した画像リンクの手法』や
『その他の画像リンクに見せかける手法』を

システム的に金をかけてまでプログラム変更までをして制御してきたのか？

という理由は、あくまでもこれは推測に過ぎませんが

Yahooという大きなネームバリューがあるこのサイトにおいて
ネット自体が初めてという初心者さんや、ブログ初心者さんが
非常に多く参加してくるという大きな特徴のあるブログだと思いますので
他のサイト（ブログ）よりも、悪意ある業者や架空請求詐欺サイトなどの
格好の的になりやすいという側面があり、
スパムトラックバックや、スパムコメントだけでもかなり有るのに
簡単に画像リンクなどが出来てしまう仕様だと
余計に初心者さんなどが、そういった被害に遭う可能性が高いために
このような仕様にしているのだと推測出来ると私は思っています。

※その意味でも、一部のユーザーが行っている
『画像リンクに見せかける手法』の拡がりを懸念していますし、
そういった方法は、運営方針に反する手法だと思いますので
利用しないほうが良いと考えます。

そういう事を「変」と言ってしまうのは、
私は、どうかなぁ・・・？と思ってしまいます。

★☆★ファンケル「無添加スキンケア おためしセット」キャンペーン★☆★（クリック！）