風を道しるべに・・・・

ハーボットの外枠づくりの裏話。

私が非常に参考になったのは、　Ｍｅｄｉｕｍさん　と　ｍｉｍｉｃ　さんの記事です。

この２つを読めばきっと誰でもハーボットに外枠をつけれるはずです

ただ、わたしがなぜ非常に時間がかかったかを説明すると。

結果的には、サイドバーの横幅　と　枠+ハボの横幅　　があわなかったからです。

なんとか合わせようと調整するもなかなか合わず時間ばかりがすぎていきました。

このことからわかったことは、ｓｏ－ｎｅｔのスキンの幅はまちまちであるということ。広いのもあれば狭いのもある。

で、結局私の使いたいスキンにいれるために、外枠の加工をしていれました。（もちろんもっとうまくできる人ならば加工せずにはいるのかもしれません）これはあくまでも私のやったやり方です。

それと肝心なことは、素材やさんによっては　加工を禁止　しているものもあるので、かならず　素材やさんの管理人さんにしたがってください。かってに加工するのはいけません。

外枠のつけ方（参考まで・私のつけた枠の場合）

①自分のつけたい外枠をさがす。いろんな素材やさんがあるのでいろいろみてみるといいですよ♪

②気に入った素材をダウンロード（はじめての人は上下左右とわけて表示してあるものを選ぶといいと思います。）

③ダウンロードした素材のページに行き素材を加工（加工してはいけない素材の場合もあるので注意してください）

《私のつかった枠の場合（サイドバーにもよります。あくまでも目安にしてください）》　左右の枠の横幅を2ピクセルずつせまく（縦はさわってはいけませんハボの縦幅とあわなくなります。）　上下の横幅を4ピクセルずつせまくしたらぴったりはいりました。

枠によってちがうのであくまでも私がつかった枠の場合です。

④自分のblog上部にある『管理ページ』→『設定』をクリック　ブログ情報の中の記事の設定の中の『URL自動リンクと改行だけのシンプルな入力』にチェック→『設定を保存』

⑤　『管理ページ』→『設定』→『サイドバー』→『今自分のハボのいるカスタムペイン』→『編集』をクリック

まず、上下左右の枠をそれぞれアップロードします。

次にタグを入力していきますまず一番上に　<TABLE WIDTH=177 BORDER=0 CELLPADDING=0 CELLSPACING=0>　と入力。このTABLE WIDTH=177の177は『外枠の左側の横幅+外枠の右側の横幅+ハボの横幅（127ピクセル）』です

改行してつぎに　上部の枠を画像の中から選びクリック次に左側の枠を画像の中から選びクリック、次に自分のハーボックスのアドレスをいれます。次に右側の枠を画像の中から選びクリック、次に下部の枠を画像の中から選びクリック（これは続けて行い改行してはいけません。改行すると枠と枠の間にすきまができます。）

改行して　</TABLE>　を入力

で、プレビューで確認してください。きちんと枠にハーボックスがかこまれていればひとまずＯＫです。（この時点でくずれていても、自分のブログで見るとくずれてないこともあります。）

ここまで入力したら自分のブログを開いてみましょう。私はここで何度がっかりしたことか・・・　　（横幅が広すぎてブログのバランスがくずれている場合があります。）　そのときはやりなおしです。落ち込まずがんばりましょう。

というふうにしてつくりました。私のおかりした素材やさんは枠のソースもあったのですが、私の無知がわざわいして使いこなせませんでした。いろいろいじっていたら、上に書いたようにしたらできました。

なにぶん素人の私のしたことなので、無駄なことや間違っていることも多々あると思うのであくまでも参考にしてください。

追記（05.12.25）　

現在は別の枠をつけています。

上記の枠は『ｎａｏｍｉ』さんの素材の中のオレンジの枠です。

06.06.09追記

上のつけ方ももちろんＯＫです。

でも、　Ｈａｒｂｏｔ'ｓ　ＦＩＥＬＤ　の素材工房の中のテーブル工房にもっと簡単につけることのできるテーブルあります。よろしければどうぞ！