くぅたん日誌はこうして作られました。 くぅたん日誌のカスタマイズ全タグ紹介!
移転します!
リンクしてくださっている方には申し訳ありませんが、 本ブログは、 こちら に移転します。徐々に引っ越されていきます。
しばらくは、質問はこちらでOKですが、移転された項目については、移転先で質問してください。
(。-_-)ノ☆・゜::゜ヨロシク♪

(注1)初心者ヤプログ・ユーザのみ対応です。初めてカスタマイズする方は「1.」から順に読んでください。
(注2)素人なので難しい質問には答えられません。
(注3)あくまでもくぅたん日誌のカスタマイズ方法であって、これが全てではありません。
応用がんばってくださいね!
免責!!カスタマイズは自己責任です。いかなる場合でも当方では責任は負いかねますのでご了承の上、カスタマイズしてください。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

はじめまして。

せっかくなので、
自分のブログ(くぅたん日誌)の
カスタマイズを紹介していこうかと・・・

( ̄△ ̄;)エッ・・?
何がせっかくか???
( ̄~ ̄;) ウーン
とりあえず、誰でも簡単にカスタマイズできるように
詳しく書いてみようかと・・・

(。-_-)ノ☆・゜::゜ヨロシク♪

1.から順に説明していくので、
新着の更新は、左のRecent Entries
ってとこを確認してくださいです。
スポンサーサイト
  1. 2005/04/12(火) 18:16:02|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:7

1.まずはここからはじめよう!

ヤプログの場合、ブログのカスタマイズをするには
ある特定のスキンを選ぶ必要がありやす。

マイページからスキンのタブを選択して、
HTML/CSS変更可能
と書いてあるスキン(3種類しかないですが・・・)
を選らんでください。

これをやると、自分のブログがとってもシンプルなものになってしまいますが、しばらくのガマンでございますよん。
  1. 2005/04/12(火) 20:05:28|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:9

2.看板画像を作ろう!

ブログの看板とも言えるヘッダー画像は、
せっかくなので気合いれていい写真を使ってくださいねぇぇぇ

画像サイズは、幅750px、高さは適当サイズ
で作成しましょう!

画像の加工は、最近はフリーソフトでいいのがたくさんあるので、検索で探してみてくださいね!

ちなみに、くぅたん日誌の看板は、
Adobe Photo Shop
を使用しております。。。

デジカメで大き目の画像を撮影しておいて、
トリミングやサイズ変更して作るのですが、
サイズ変更は画像が粗くなることが多いので、
トリミングがオススメです。
トリミングだと画像サイズの調整が難しいので、
撮影時点であらかじめ構成を考えておくといいかも。。

または、素材屋さんから素材を借りて作成するのも
ひとつの手法です。。。
この場合、素材屋さんごとにレンタル条件があるので
しっかり読んで借りるようにしてくださいねぇぇ。
  1. 2005/04/12(火) 20:23:09|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:5

3.素材画像をアップロードしよう!

さて、いよいよ作成した看板画像や使いたい素材画像をアップロードしましょう!

???r(・x・。)アレ???
ヤプログには、ファイルのアップロード機能がついてないぞぉぉ
(;゜(エ)゜) アセアセ

安心してください。
ヤプログさんに説明が書いているこの内容
応用すればOKですよん。
ヽ(=´▽`=)ノ

但し!!!
アップロードできる画像は拡張子が
「jpg」または「gif」に限るので注意してくださいねぇぇ


?載せたい画像を作成します。または、素材屋さんから借りてきます。
 画像のサイズは、看板画像は750px以下、サイドバーの画像は170px以下にしたほうがいいかなぁぁ。

?記事に画像をアップロードします。
 画像は記事を投稿する場合と同じ方法でアップロードしてください。
 その際、記事に画像を表示させない場合は「本文」から画像タグを削除してください。

?画像のURLを確認します。
 Windowsの場合、使用したい画像の上で右クリックし、“プロパティ”を選択します。
 Macの場合、Controlキーを押したまま使用したい画像の上でクリックし、“画像を新規ウインドウで開く”を選択します。

確認したURLは、「4.」で使用しますので、メモ帳にでもコピーして保存しておきましょう!!
  1. 2005/04/12(火) 21:32:44|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:2

4.看板を掲げよう!

さて、いよいよ看板画像を自分のブログに掲げますよん。
いろんな方法があるのですが、くどいようですが、ここでは、くぅたん日誌でのやり方だけを書いています。

まず、管理ページのスキンのタブを選択し、
右のメニューからメインテンプレートを選択します。

ワケのわからない英語がたくさんでてきましたねぇ。。。
(;´Д`A ```

上から順に見ていくと、割と上の方に

<h1>
<div class="blog_title">
<a href="{$BlogUrl$}">
{$BlogName$}
</a>
</div>
</h1>

って文があるので、これを次のようにしましょう!

<h1>
<div class="blog_title">
<a href="{$BlogUrl$}">
<img src="http://www31.ocn.ne.jp/~tatsurokun/kuu.gif" width="750" border="0">
</a>
</div>
</h1>

赤字の部分が、「3.」でメモした看板画像のURLになります。
また、桃字部分は750px以下の画像を使用している方はそれに合わせてください。(実は省略でOKです。)
橙字部分は、750px以下の画像の方で画像に縁をつけたい方は数字を入力してください。ただし、750pxの画像で縁をつけると、ずれが生じますよぉぉ
同様に、アーカイブテンプレート、1記事テンプレートもやってみましょう!!
(暇なかたは、メイン、アーカイブ、1記事と画像を変えてみては??)

できましたか??

残念なことに、これで終わりではありません・・・ [4.看板を掲げよう!]の続きを読む
  1. 2005/04/13(水) 18:15:58|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:42

5.背景の色を変えよう!

さてさて、次は背景の色を変えてみましょう!

といっても、ヤプログのスタイルでは背景は
全体の縁取りをする部分にすぎないので、
窓を小さくして閲覧してる方には見えないものなのですが・・
( ̄m ̄〃)ぷぷっ!

じゃ、どうやるかというと、
[5.背景の色を変えよう!]の続きを読む
  1. 2005/04/14(木) 09:29:01|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:10

6.スクロールバーの色を変えよう!

「1?5」までの過程でなんとなく自分のブログっぽくなってきたですか??

ここまでくると、

きっと、サイドバーのタイトル部分の色を変えたい!
とか
記事部分のタイトル部分の色を変えたい!
とか
だんだんと欲求も増えてくると思います。

イコール楽しくなってきた証拠???
(= ̄∇ ̄=) ニィ

ですが、ここはあえて、スクロールバーの
色の変え方を紹介しますです。
ニャハハ☆(゜∇゜☆)(☆゜∇゜)☆ニャハハ [6.スクロールバーの色を変えよう!]の続きを読む
  1. 2005/04/14(木) 09:39:42|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:8

7.カーソルを変えてみよう!

またまた脱線してるようですが、
実はそう脱線してるわけでもないのです。。

「6.」で作ったスクロールバーの文を
使用して、カーソルも変更してみましょう!!

まずは、カーソル素材屋にいって、気に入ったのをレンタルをし、
自分のHPにでもアップロードします。

ハッΣ(゜ロ゜〃)
自分のHPがない!!って方でもカーソルは変更できます。
その場合、標準的に用意されている12種類(もっとあるかも?)
から選択してください。 [7.カーソルを変えてみよう!]の続きを読む
  1. 2005/04/14(木) 10:00:05|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:8

8.各タイトルの色を変える!

( ̄○ ̄)/ オマター

背景変えたのに、各タイトル部分の色が変えれないのは
?????(ノ≧ρ≦)ノいやじゃぁぁぁぁ

って、感じてましたでしょうか??
(ToT)ゞ スンマセン

ってことで、
ここでは、サイドバーや記事のタイトルの
文字の色や背景色について、説明しますわよん。。
。(ёё。)(。ёё)。うふうふ♪ [8.各タイトルの色を変える!]の続きを読む
  1. 2005/04/14(木) 10:24:44|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:3

9.ブログ紹介文を横流しにしてみよう!

だんだんオリジナル性がでてきましたか??

ここでまた脱線してみましょう。。
( ̄m ̄〃)ぷぷっ!

ヤプログの管理画面で設定タグを選択すると、
「ブログ説明文」てのがあると思います。

ユーザなら当然お気づきだとおもいますが、
この文はブログ・タイトルの下にこじんまりと
表示されていますですですです。

今回は、これを横に流れるように
(新幹線の車内で流れるニュースのように)
してみましょう!!

あと、ついでなのでその部分の文字色や背景色のことにも
触れときますねぇぇぇえ
[9.ブログ紹介文を横流しにしてみよう!]の続きを読む
  1. 2005/04/14(木) 13:24:15|
  2. カスタマイズ|
  3. トラックバック:0|
  4. コメント:0
次のページ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。