ブログ テンプレート編集

６時起床

今日は遅番です。
出掛ける前に、少しお勉強＆テンプレート編集。

オリジナルの画像を編集して、ブログを秋色に変えてみました。

如何でしょうか。

ブログのタイトル部全体の背景は、760×182ピクセル
左メニューの背景は、270×768ピクセルです


ブログランキングに参加中、気に入ったらクリックお願いします。

ブログカスタマイズ、秋バージョン

この写真を、
この様に加工します。（去年も使ったやつです）

これを、テンプレートの編集のオリジナルデザイン：ＣＳＳの中の
/* ブログのタイトル部上 */　の下に
background-image: url()　と云うのが有ります。
この（）の中に画像のＵＲＬを入れれば、タイトルの背景は出来上がりです。ＵＲＬですから、http://wwwで始まる画像でなければ入りません。

次に、この画像

これを、この様に加工します。

これを、テンプレートの編集のオリジナルデザイン：ＣＳＳの中の
/* 左メニューの背景 */
#menu {
background-color: ;
background-image: url();

この（）の中に画像のＵＲＬを入れれば、左メニューの背景は出来上がりです。ＵＲＬですから、http://wwwで始まる画像でなければ入りません。


他にもカスタマイズをやりましたので参考のためにご覧下さい。。


ブログランキングに参加中、気に入ったらクリックお願いします。

タイトルに画像を入れる

★タイトルに画像を入れたい場合は

/* ブログのタイトル部上 */　の下に
background-image: url()　と云うのが有ります。
この（）の中に画像のＵＲＬを入れれば出来上がりです。
ＵＲＬですから、http://wwwで始まる画像でなければ入りません。

そして、
background-repeat: ;　ここで、画像が連続しないように
no-repeatを: ;の中に入れて
background-repeat:no-repeat ;　こうして下さい。

画像を連続させたい方は、変更する必要は有りません。

画像の大きさも適宜調節してみて下さい。
私の場合は　background-position:760px ;182pxです。

どうでしょうか、こんな説明で解って頂けるでしょうか。

他にもカスタマイズをやりましたので宜しかったらこちらをご覧下さい。



ブログランキングに参加中、気に入ったらクリックお願いします。

テンプレートを編集

もう、梅が咲いてます。


ブログタイトルの背景を変えて、メニューの色も変えてみましたが、どうでしょうか。

ブログランキングに参加中、気に入ったらクリックお願いします。

テンプレートの編集

テンプレートを正月用から冬用に作り替えましたが、如何でしょうか。
ブログのタイトル部全体の背景は、お借りした写真を加工して、760×182ピクセルにして使用しています。
エントリーの背景は、フリー素材を借りてきて、加工し580×2400ピクセルで使用しています。

ブログランキングに参加中、気に入ったらクリックお願いします。


NIKKEI NETに「まいばすけっと」の記事が出たら、当ブログのアクセスが増えて、gooブログで493位（427,510中）にまで上昇しました。まあ、それでも直ぐにいつもの1000位ぐらいの所に戻るでしょうね。

テンプレートの編集

１２月用に写真撮影に出掛けようと思っていたのだが、近所で済ませた。
写真を加工して「ブログのタイトル部全体の背景」を作り貼り付けた。
メニューの文字と背景の色を変更しエントリーの背景に画像を加工して付けてみたがちょっと本文が読み難くなりましたね。
また、近いうちに変更するかも・・・。

カスタマイズの方法はこちらブログのカスタマイズをご覧下さい。
ブログランキングに参加中、気に入ったらクリックお願いします。

追記

エントリーの背景をベルに替えてみたがどんなもんだろ。

タイトル部背景画像変更

今日は、好天に恵まれまして小春日和の中、秋の画像を求めて気分転換のドライブに行って来ました。
やはり、紅葉が少し遅れているようです。あと一回ぐらい寒さが来ると紅葉の色も濃くなるんじゃないでしょうか。

さて、ここは何処でしょうか？解るかな。
　　　　　

タイトル部の背景画像を変更する場合はこちらを参考にして下さい

ブログランキングに参加中、気に入ったらクリックお願いします。

秋バージョンにしてみましたが・・・

ブログをちょこっと、カスタマイズしてみましたがどうでしょうか。

タイトルの写真は、私の家の庭に咲いているコスモスです。水車小屋もあるんですよ。ってウソです。

写真は私が写したヤツを使ってます。これはホントです。

私しゃ、このコスモスって花が子供の頃から好きだったんですよ。

頭がすっぽり隠れるようなコスモスの原っぱの中で、寝ころんで青空を見上げてぼんやりするのが好きでしたね。

今でもぼんやりしてるのは、その頃と変わってないんですね。
まあ、進歩がないってことでしょうか。

ブログランキングに参加中、気に入ったらクリックお願いします。

追記

紅葉の素材を借りてきて、加工して貼り付けてみました。

有料版に

今月からブログアドバンスが３ヶ月無料で使えるって事なので、試しに有料版にしてみました。
テンプレートも変えてみましたが如何でしょうか。
カスタムにするか無料版に戻すかは暫く使ってから考えましょう。

ブログの壁紙に写真を遣いたい時には

gooブログ　カスタムブルーを対象にしています。

先ずは、デザインメニューの「ＣＳＳの編集」をクリック

/* ブルーのCSS */

/* ページ全体共通指定 */

/* ページ全体の背景と文字と余白 */　　←これです

この３行目の下に
BODY {
background-image: url();　　←これです
こう云うのが有ると思います
バックグラウンド－イメージ：ＵＲＬ（）；とでも訳しましょうか、そのまんまですが（笑）

それでこの（）の中に画像のＵＲＬを入れれば出来上がりです。
ＵＲＬですから、http://wwwで始まる画像でなければ入りません。

因みに私のは　http://www.marv.mediatti.net/~m-ebina/img030.jpg　です。

画面いっぱいのでかい画像にしたい場合はＵＲＬの画像を予め大きく作る必要があります。

因みに私の画像は
４２５７８０バイト
１１００×１４６７ピクセルです。
画像が大きいので一枚の画像が上下に連続していますが、小さい画像では左右上下に連続画像の壁紙（background-image）になります。

どうでしょうか、こんな説明で解って頂けるでしょうか。
是非、皆さんも自分らしいブログを作ってみませんか。
それから、もっと他の遣り方をご存じでしたら是非教えて下さい。
宜しくお願い致します。

過去に書いたブログのカスタマイズ 記事です。

気に入ったらクリックお願いします。

ブログのカスタマイズ

今日は気分転換にブログの背景とタイトル上部の写真を替えてみました。
レンゲの花なんですが、どうでしょうか。
海老名では春の田植え前には田圃一面にレンゲの花が拡がってそりゃ～見事なものでしたが、近年宅地化が進み田圃も少なくなりました。
さて今年はどれぐらいレンゲ畑が観られるでしょうか。

アクセスカウンター位置の移動に挑戦！

「こ～ださん」のＨＰ（ホームページ）を参考にしてアクセスカウンターを設置する事が出来ました。
その後、「dejavu_2005」さんのＨＰでカウンターの位置設定を学びました。
お二人とも有り難う御座いました。

そして、私は遂に自分で発見したのです（そんなに大袈裟なもんじゃない）

カウンターや画像の位置を自分の好きな位置に置くことが出来たんです。


先ずは、デザインメニューの「ＣＳＳの編集」をクリック

★カウンター設置は

/* ブログのタイトル部下 */　の下
background-image: url()　の()の中にアクセスカウンターのＵＲＬだけを入れます（借りて来たとき前後に付いている<”　”>等は要りません）
更にその下の
background-repeat: ;　　　　　の: ;の間にno-repeatを入れて
background-repeat:no-repeat ;　このようにします（此で画像の連続が無くなります）

★好きな位置に移動

次に、その下の
background-position: ;　　　の: ;の間に数字pxと入れて
background-position:625px;　このようにします。
左側に置きたいときは小さい桁数の数字を、右側に寄せたいときは大きな数字を入れて調節して下さい。因みに私のカウンターは　625px　の位置です。

★タイトルに画像を入れたい場合は

/* ブログのタイトル部上 */　の下に
background-image: url()　と云うのが有りますので、ここでもカウンターのときと同様のやりかたで画像のＵＲＬを入れて下さい。
そして、
background-repeat: ;　ここでも上記同様、画像が連続しないように
background-repeat:no-repeat ;　こうして下さい。
画像を連続させたい方は、変更する必要は有りません。

画像の位置も、画像の大きさに合わせて適宜調節してみて下さい。
私の場合は　background-position:360px ;　360pxです。

どうでしょうか、こんな説明で解って頂けるでしょうか。
是非、皆さんも自分らしいブログを作ってみませんか。
それから、もっと他の遣り方をご存じでしたら是非教えて下さい。
宜しくお願い致します。

感謝、アクセスカウンター設置出来ました

「高校一年生こ～だの日記」と云うブログに「アクセスカウンタ設置方法」なるものを見付けて、はや一週間ばかり過ぎてしまいました。
その間に何度も挑戦したのですが、仲々カウンターが表示されませんでしたよ。
何度も挑戦しているうちに、自然に少しずつカスタマイズなんぞを覚えましたな。
それで、今日もアクセスカウンターが諦められずに、いじくって居ったのですが、ふと、それを試してみたんですな、そしたらこれが大当たり！
いや～、そう云う事だったんですか、これでやっとスッキリして眠れるな。
それにしても、私しゃホント物分かりの悪いじじいですな（笑）

こ～ださん、有り難う御座いました、これからも部活頑張って下さい。
じゃ。

と、云うことで「高校一年生こ～だの日記」をブックマークしました、アクセスカウンターを設置したい方は覗いてみて下さい。

ブログのお勉強

いろいろと遣ってみたんですが、まあ、こんなもんですか。