ありがとうございます。
悦び仕掛け人鈴木です。
読者登録頂く方にも良く言われるプロフィール（旧ルーム）のボタン設置方法を書いていきます。
簡単なのでぜひやってみてくださいね。
まず私のプロフィール（旧ルーム） のトップに設置されているようなボタンを作成してください。
もしボタン作成が出来ないという方は私のを持って帰って頂いても良いです。
その代わりコメントなりメッセージで教えてくださいね！
直リンクだけはお願いなので止めてください！！
持って帰る方法はマウスを欲しいボタンの上に持っていき右クリックして【名前を付けて保存】でＯＫです＾＾
ではルームにボタンの設置する方法。
ボタンを作成したらそのボタンの画像をアメブロにアップロードしてください。
その画像ＵＲＬをメモ帳か何かにコピー。
ボタンでリンクしたいＵＲＬをメモ帳にコピー。
そこまで出来たらもう簡単です。<a href="リンク先"><img src="画像ＵＲＬ"></a>というようにまずはボタンのリンクをメモ帳で作成。
例えばボタンが5個なら
<a href="リンク先"><img src="画像ＵＲＬ"></a>
<a href="リンク先"><img src="画像ＵＲＬ"></a>
<a href="リンク先"><img src="画像ＵＲＬ"></a>
<a href="リンク先"><img src="画像ＵＲＬ"></a>
<a href="リンク先"><img src="画像ＵＲＬ"></a>
という風になると思います。
そして上記を<div id="roomtop">と</div>ではさみ改行やスペースを消してください。
<div id="roomtop"><a href="リンク先"><img src="画像ＵＲＬ"></a><a href="リンク先"><img src="画像ＵＲＬ"></a><a href="リンク先"><img src="画像ＵＲＬ"></a><a href="リンク先"><img src="画像ＵＲＬ"></a><a href="リンク先"><img src="画像ＵＲＬ"></a></div>
となりますね。
出来たらルームのフリースペースに貼りつけます。
続いてＣＳＳを作ります。
下記ＣＳＳの横幅、ボタン画像の高さ、ルームページの上からの位置と左からの位置を自分のルームに合うように調整してください。
<style type="text/css">#wideContentsArea{width:800px;/*全体の横幅*/margin:0 auto;position:relative;}
#header{visibility: hidden;height:100px;/*画像の高さ*/}
#roomtop{width:800px;position:absolute;top:40px;/*上からの位置*/left:0px;/*左からの位置*/}</style>
ちなみに上記ＣＳＳは私のルーム仕様になっています。
調整しましたら、タグのときと同じようにスペースを消してください。
<style type="text/css">#wideContentsArea{width:800px;/*全体の横幅*/margin:0 auto;position:relative;}#header{visibility: hidden;height:100px;/*画像の高さ*/}#roomtop{width:800px;position:absolute;top:40px;/*上からの位置*/left:0px;/*左からの位置*/}</style>
というふうになりますね。
上記ＣＳＳをルームのフリースペースに貼り、さらに調整をしたら完成です(*^^)v
もしこれでブログのデザインが崩れても責任は持てませんのであしからず・・・。
プロフィール（旧ルーム）にボタンをつけたい方は是非試しにやってみてくださいね。
さらにヘッダーも付けることが出来ます！