ホームページビルダー21　スカイプ通信講座教室

おはようございます。

先週末はアメブロのカスタマイズを勉強しておりました(^^)

まだ私のページも改造の途中なのですが、、、

私のアメーバブログはこちら



アメブロを始めると、どうしても個性的なページにしたいとおっしゃる方が

多いですね。

さて、自分でアメブロをカスタマイズするのは簡単なのでしょうか？



アメブロをカスタマイズするには、まずスキンをベーシックに変えます。

◆「ブログを書く」→「デザインの変更」からベーシックを選びます。


好きなデザインに変更するには、３箇所ほど触れます。

◆「ブログを書く」→「デザインの変更」→「カスタマイズ」

ここのヘッダーという部分に画像を入れると、トップの最初に表示されます。

※注意
画像の横幅はブログに合わせて、800pxとするとキレイに収まります。


◆「ブログを書く」→「サイドバーの設定」→「フリースペースの編集」

ここには好きな文章を入れることができます。

ＨＴＭＬの記述も可能です。

そして後で書く工夫をしますと、この部分を使って、トップに

メニューバーを置くこともできます。

（私のブログですと、黄色の帯の部分です）

通常はサイドバーのメニューになりますので、

サイドバーに情報が出ると思います。

ＨＴＭＬで書かれる場合はホームページビルダーなどで表組みするといいでしょう。

幅180pxぐらいだったと思います。

その幅で表を作って、ソースを貼り付ける。

画像も貼り付けて目立たせれば、ＰＲの表示のようにできます。


もうひとつ触れます。

◆「ブログを書く」→「アメブロを書く」→「メッセージボード」

ここに書いたら、記事の最初の部分に表示されます。

まだリンクしか実験してませんが、ほかのＨＴＭＬの記述もできるかもしれません。

これは他のスキンを選んでたときにも適用できます。


さて、ここまでは、比較的「安全な」改造方法です。




そして、カスタマイズを自由にするには、ＣＳＳを編集します。

◆「ブログを書く」→「ＣＳＳの編集」

ＣＳＳというのは、ページのデザインを指定する、一種のプログラム記述です。

ここで！

下のほうに「現在使用中のブログデザインＣＳＳ」と出てきます。

ここにＣＳＳのソースが書かれていますが、

注意！

これを直接触らないこと！

ＣＳＳはデリケートなプログラムです。

たとえば編集中に、漢字入力モードになってたりして、全角スペース（見えない）

を挿入したりすると、正常に表示されないときがあります。

これを触るときは、まず、ソースを全部コピーして、

メモ帳などのテキストエディタにコピーして保存してから作業します。




しかし・・・・

このＣＳＳ中にいろいろと説明はていねいに書かれているのですが、

それが、どんなふうに変化するのか？を視覚的に理解することは、

慣れてないとできません。

ちょっとハードルが高いですね。


そこで、ホームページビルダーなどのソフトを使う方法をお勧めします。

まず、自分のページを「名前をつけて保存」します。

自分のパソコンにブログのデータがダウンロードされますので、

ホームページビルダーでＨＴＭＬを開いて、編集します。

ホームページビルダーですと、効果をプレビューして確認できますので、

視覚的に変化を捉えることができます。

ただし！

ちょっとその編集する作業には、工夫が必要です。

要らない（といったらアメブロの運営者に悪いですが）

見づらい部分は見えなくしたりしたいですね。

いろいろしようとすると、けっこう覚えることもたくさんありますし、

時間がかかるので、お金に余裕のある方は、業者に頼まれたほうが早いですね。



ただし、自分でも作り方を覚えたいというかたには、

ホームページビルダー作成　マンツーマン通信講座教室では、

ていねいにアメブロの編集もお伝えしていきます。

良かったら、「無料体験レッスン」にお越しください。


お待ちしています♪


楽天のカスタマイズも挑戦してみたいなぁ～

あまり自由には編集できないですが、初心者に親切なのが楽天ブログのいいとこですね。