こえださんが「どうやってやるの？」とおっしゃっているので、
今日は一番簡単な方法をご紹介します。

１．まずは「スキン変更」ボタンをクリックしてスキンのサンプルが表示されるページに行きます。
カスタマイズという言葉のついているスキンを選んでください。
私はこの猫のヘッダー（一番上の横長写真部分の名称）を選びました。
右側にメニューが表示されるタイプです。


２．編集と書かれたボタンをクリック

「スキン編集をはじめます」　を押して開始します。

３．その前に大切なことを忘れていました。この猫ちゃんのヘッダー部分に自分のオリジナルの写真を貼り付けるため、その写真を用意しなければなりません。
猫ちゃんの写真は８００Ｘ３００ピクセルです。　ですからオリジナルの写真もこのサイズにあわせて作っておきます。

４．写真の準備ができたらさっそくヘッダー部分の変更を行いましょう。

これが編集画面です。
右上に「マイイメージアカウントにイメージ登録」と書いてありますね。
ここをクリックしてそこからオリジナルのイメージをアップしておきます。
アップしたあとで「イメージＵＲＬコピー」ボタンを押して出てきたＵＲＬを右クリックでコピーしておきます。

５．その後で矢印部分img srcで始まるラインのコロンの中に書かれたＵＲＬをきれいに消します。
消したら最初のコロンの後ろにカーソルをあわせて、先ほどコピーしたイメージＵＲＬをペーストします。
この時、コロンの外の文字を消したりしないように注意してください。

６．この部分を変更することでとりあえず猫ちゃんのヘッダーをオリジナルに変えることができました。

プレビューを押して、無事写真が表示されれば成功です。
保存ボタンを押せばそれで変更終了です。

７．もし、本文の文字色を変えたいという場合は一番上の矢印がさしている"Color #XXXXXX"の部分の
ＸＸＸＸＸのところを好きな色に変えてください。
この色はHTML Color Chartで検索すればさまざまなサイトが出てきますのでそこを参考にしてください。
Backgroundのところはこれでは白になっていますが、ここも別の色に変更可能です。
その下のLink, Visited, Active, Hoverの部分は別サイトにリンクしている部分の文字色を指定できます。
私はこの部分を本文文字色の反対色（こういうのもColor chartのサイトに詳しく書かれています）に近い色にしました。

８．すべての変更は保存ボタンを押すまでは変更されませんから、いちいちプレビューボタンで確認をして、
納得するまで保存ボタンを押さないでください。
それから変更したい部分以外は決して変えないでください。
間違えて変えてしまうと壊れてしまうので、もし間違えて文字を消してわからなくなった場合は、一旦作業を中止して保存することなしにブラウザを閉じるのがいいかな？
とにかく保存は最後まで押さないのがいいと思います。



ブログもＳＮＳも無かった時代、オリジナルのものって自分でホームページを作るしかなかったので、
ＨＴＭＬを勉強して、ちょっとでも見栄えの良い物を作るのに何時間もかけたものです。
一日中やっても思うように行かず、寝ないでやっていた時代が懐かしいです。
そんなことを経験しているうちに、ＨＴＭＬをかなり勉強したのですが、ブログの時代が到来してその半分以上を忘れてしまいました。
人間とは楽なものに流されてしまいますね。

オリジナルブログ上手に作れるといいですね。
勉強することでもっと高度なことできると思うけど、私はもう無理そうです。
集中力が続きません。


役に立ったと思われましたら是非クリックお願いします。




人気ブログランキングもよろしく