タイ・イサーン好きのブログ

こんにちは。miroです。

今年も残すところ、後数日。
今週には年が明けてしまいます。

と、来年はみなさまにより一層ナムジャイブログを楽しんでもらうため、
ここで「ナムジャイブログを使い倒す！」コーナーを始めてみます。

その一。
これは興味ある方も少なくないのではないでしょうか＾＾



ナムジャイブログでは、ブログのデザインである【テンプレート】を選び、お好きなものに変更することができます。

今回ご案内するデザインの変更は、最初から作るのではなく、
選択したテンプレートの特定の場所を入れ替える、というものです。

今回変えるテンプレートの場所はこちら。
現在のこのブログのテンプレート（ナム象-of06）の変更を例に、説明します。

今回変更するのは、この部分。



以下のような手順になります。





ナムジャイブログ管理画面サイドバーの
「テンプレート」のリンクをクリックします。

クリックすると「テンプレート」編集ページが開きます。







テンプレートのカスタマイズページが開きます。
「カスタマイズ」ページの「スタイルシート」の枠内が、変更する部分です。



変更する部分は、

「#banner」

という項目です。

この中から #banner と書いている部分を探して、その部分を変更します。





編集するのは上の画像の赤枠で囲んだ部分です。下の記述です。



この中の url の部分、

http://www.namjai.cc/_img/namzou01/bg_banner_namzou.gif

を変更します。この url にアクセスすると、この画像が表示されます。
これと同じサイズの画像と入れ替える必要があります。



InternetExplore ですと、http://www.namjai.cc/_img/namzou01/bg_banner_namzou.gif にアクセスして表示された画像を、上部ツールバーの「ファイル＞名前をつけて保存」で保存すると、入れ替える画像がダウンロードされるので、プロパティで確認します。

Firefoxですと、アクセスした時点で画像のサイズが表示されます。
こっちは便利です。

例えば、http://www.namjai.cc/_img/namzou01/bg_banner_namzou.gif　ですと、
695 x 195 px というのが、入れ替える画像のサイズです。

※695 x 195 px のサイズの画像を自分で作ります。
写真を使う方はそのサイズに切り抜いたり、リサイズします。



ナムジャイブログ管理画面サイドバーの
「画像一覧」のリンクをクリックします。

画像一覧-ファイルのアップロードより、画像をアップロードします。



「画像一覧」でアップロードした画像のプレビュー画像をクリックします。



クリックすると、別ウィンドウで画像が表示されます。
そのときの url が画像の url です。これをコピーします。

今回は

http://img01.namjai.cc/usr/miro/bg_banner_namzou.gif

と表示されました。



入れ替える画像の url が分かったところで、３．の部分に戻ります。

http://www.namjai.cc/_img/namzou01/bg_banner_namzou.gif
を
http://img01.namjai.cc/usr/miro/bg_banner_namzou.gif
に
入れ替えます。
bg_banner_namzou.gif の部分は、今回既存の画像と、新しい画像が同じですが、
特に同じである必要はありません。

こうなります。↓↓





これで、テンプレートのカスタマイズページの下部のリンク、
【登録】をクリックすると完了です。


いかがでしょうか？

画像さえ準備していれば、実際の作業は、アップロードして、
url を入れ替える、だけです。

どうぞ、お試し下さい＾＾