ブログランキングボタンが携帯サイトに表示されない理由

たいしたことではないと思うのですが、最近、気づいたのでメモしておきます。

日本ブログ村などのブログランキングボタンをアメブロ記事に貼る際、下記のように該当ソースをコピペしてる方がほとんどだと思うのですが、この方法だと、携帯からアメブロの記事を見た際、ボタン（画像バナー）部分が表示されません。

にほんブログ村

<a href="http://www.blogmura.com/" ><img src="http://www.blogmura.com/img/www88_31.gif" width="88" height="31" border="0" alt="ブログランキング・にほんブログ村へ" /></a><br /><a href="http://www.blogmura.com/">にほんブログ村</a>

そのため、画像下のテキストリンクを「携帯からご覧の方はこちらをクリック」などと、修正して掲載させている方が多いのですが、でもどうして、ボタンは表示されないのかと思っていたら、要は画像のソース部分（ピンク箇所）に問題がありました。

携帯の方はコチラ

<a href="http://www.blogmura.com/" ><img src="http://www.blogmura.com/img/www88_31.gif" width="88" height="31" border="0" alt="ブログランキング・にほんブログ村へ" /></a><br /><a href="http://www.blogmura.com/">にほんブログ村</a>

ピンク箇所をよく見ると、画像の保存場所がブログ村サイトになっています。通常、アメブロの携帯サイトは、画像フォルダにアップロードした画像しか表示されません。だから表示されない。では、対応策はと言えば、

ボタン画像をいったん、手もとのパソコンにダウンロードし、アメブロの画像フォルダにアップロードして記事に添付するという形になると思います。まぁ、たいした話ではありませんので、詳しい方法は省きますが、分かってみると結構、簡単な話でした。

※この方法でやれば、お好きな画像をボタン代わりに利用できます。
※ただ、画像自体を自分で用意しなければ意味がありませんが……

以上、アメブロカスタマイズ＆ホームページ制作*Mydesignの*Copyselfでした。
アメブロカスタマイズ料金プラン＆過去の制作実績はコチラからご覧いただけます。