記事内にメニューバー、サイトマップ、グローバルナビのようなものを設置 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

$やさしいアメブロカスタマイズ!と女性タレント画像


おはようございます。

ところで、自分のブログも最近、携帯からのアクセスが多くなってるような気がしてます。

Taking The World By Storm - 無料写真検索fotoq
photo by JD Hancock



PCと違って携帯でブログを見ると記事の部分しか表示されないですよね。

そこで、テーブルタグを使って記事内にメニューバーの代わりになるような物を設置する方法を考えてみました。 

「ブログを書く」画面で「HTML表示」にして以下の文字列を貼り付けて下さい。

<Div Align="center"><Table Border BorderColor="#00ff00" BgColor="#FFFFCC" Cellspacing="2">
<Tr><Td><a href="http://ameblo.jp/wantan-52/entry-11399366601.html" target="_blank">鎌田紘子さん</a></Td>
<Td><a href="http://ameblo.jp/wantan-52/entry-11535143592.html" target="_blank">榮倉奈々さん</a></Td>
<Td><a href="http://ameblo.jp/wantan-52/entry-11522064876.html" target="_blank">坂口杏里さん</a></Td>
<Td><a href="http://ameblo.jp/wantan-52/entry-11397287221.html" target="_blank">重盛さと美さん</a></Td></Tr>
</Table></div>



赤字の箇所に移動先のページ、記事のURLを記入して下さい。
緑字の箇所に表示させたい語句(お店ブログであれば、店までの道順、お客様の声・・等々)を記入して下さい。

こうなります。(↓)


※InternetExplorerとFirefoxでは、動作確認、取れましたが、環境によって反映されない事があろうかと思います。ご了承、下さい。

他にも、CSSを使って、携帯で見たときだけ表示させるとか、いろいろな方法があるようです。

参考の一つとして頂ければと思います。