--.--.-- スポンサーサイト 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
2007.02.28 プロフィール(リンクを張る) 
昨日に続いてプロフィールの設定です。

1.プロフィールに画像をいくつも入れたい!
2.プロフィール画像にリンクを張りたい!
3.プロフィールが長くなると、サイドメニューが下に下がりすぎて困る

本日は2のプロフィールにリンクを張るです。

1の画像をいくつもいれたいはコチラを見てね♪

あとは続きをどうぞ↓
スポンサーサイト
*続きを読む*
画像を差し込むことはココでは説明しませんが(わからない人は↓記事を見てね)
差し込んだ画像にリンクをつけるタグを説明します。

一度画像を差し込んだ人は、メモ帳などに画像URLをコピペしておいたほうが良いでしょ~


a. 画像にリンクを張る

<!--▼ココから-->
<a href="■" target="_blank"><img src="★" border="0" alt="●●●●"></a>
<!--▲ココまで-->

<!--▼ココから><!--▲ココまで-->の2行は入れても入れなくても良い。

■=リンク先のURL
★=画像のURL
●=マウスを当てたときに表示される言葉。

例えばこんな感じです↓バナーにマウスを当てて、クリックしてみると、別窓で本家ホムペが出没します♪

*・★ ~☆・*ごえもんとさくらのおうち*・★ ~☆・*もよろしくね♪ とココで宣伝してみた(≧m≦)ぷぷ


b.文字のみにリンクを張る

<!--▼ココから-->
△△△<a href="■" target="_blank">○○○○</a>△△△△
<!--▲ココまで-->

こちらも『ココからココまで』の2行はあってもなくても良い。

△=リンク以外の文字
■=リンク先のURL
○=リンクを張る文字

例えば・・・(しつこい?笑)

3/1に更新します♪→本家HP←クリック♪クリック♪

としつこく宣伝してみた(≧▽≦)ギャハハハ

△=『3/1~→』 と 『←クリック~♪』まで
■=リンク先のURL(ココではごえさくままのHPURL)
○=『本家HP』

です。

文字にマウスを当てたら言葉が出るようにとか・・・
リンク張る文字の色を変えたりとか・・・

他のタグを引っ付ければ出来ることもあります!

それは・・・
コメントで依頼して(≧m≦)ぷぷ(手抜きです・・・笑)


これらのタグはプロフィールだけじゃなく、記事内にも使用できます。

が・・・

記事を書くときゃ便利なボタンが付いてますからね~f(^^;
プラグインのフリーエリアにも使用できるから、そっちのほうが良いかな?笑


そのうち『3.プロフィールが長くなると、サイドメニューが下に下がりすぎて困る』をご紹介します。
2007.02.27 プロフィール(画像を貼る) 
今日はプロフィールをいじってみましょ~

1.プロフィールに画像をいくつも入れたい!
2.プロフィール画像にリンクを張りたい!
3.プロフィールが長くなると、サイドメニューが下に下がりすぎて困る

などなど・・・

今日は1の『プロフィールに画像をいくつも入れたい!』をお届けします。

続きを見てね♪
*続きを読む*
1.プロフィールに画像をいくつも入れたい

通常のプロフィールは画像が一つしかいれられませんよね。
それをいくつも入れるとなると、画像をアップロードしてプロフィール欄にタグを入れなければいけません。(画像のアップロード方法がわかる人はスル~とスルーしてください。)

20070227-02.jpg←ので囲まれた『ファイルアップロード』をクリックしましょう。
通常記事で画像をアップロードさせるのと同じようにしてください。

(注)画像はプロフィール欄の横幅にあったものを選ぶか、加工(リサイズ)してください。

(注)すでにアップロードしている画像と同じ名前をつけないように注意しましょう。
上書きされちゃいますよ~( ̄▽ ̄;)
私は昨日失敗しましたけどね(≧m≦)ぷぷ




画像アップが完了したら、↓の画像を見てね♪

20070227-03.jpg


枠で囲まれた画像をプロフィールに入れるとします。

プロフィールに入れたい画像をクリックしてください。
画像をクリックすると↓の画像と同じような画面が出ます。

20070227-04.jpg


枠で囲った部分にはアップした画像が表示されてます。(↑画像は小さすぎて見にくいですが・・・)

枠で囲まれた部分が、アップロードした画像のURLです。
このURLをコピーしましょう。

PCのメモ帳などを使って、コピーしたURLを貼り付けておきます。


次にプロフィールを設定します

20070227-01.jpg

←の枠で囲まれた『プロフィールの編集』をクリックします。



画像をいくつも入れたり、リンクを張りたいときなどはプロフィールからの画像アップロードを使いません。

20070227-05.jpg


↑画像の枠内の『プロフィール画像を使わないようにする』文字をクリックしてください。


プロフィール欄に↓タグを入れてください。

<!--▼ここから-->
<img src="■" border="0" alt="●●●">

ここには好きな文字を入れてください。
ENTERキーを押せば改行します。

<!--▲ここまで-->


<!--▼ここから--><!--▲ここまで-->この二つの行は含まれても含まなくてもどっちでもOKです。

先ほどコピーした画像のURLを■に貼り付ける
●●●は画像にマウスを当てたときに表示される言葉をいれます。

画像をいくつも入れたい人は、画像の数だけ貼り付けます。

貼り付けが終わったら、変更ボタンをクリックしブログを確認しましょう。


これでプロフィールに画像を貼り付ける作業は終わりです。
画像にリンクを貼り付けたい人は・・・

次回まで待ってね(≧m≦)ぷぷ
2007.02.26 gs_spling登録しました 
またまたテンプレ登録しちゃいました(≧m≦)ぷぷ

今度は春っぽくピンクで!!

春といえば桜!!桜といえばピンク!

そんな単純な考えです(≧m≦)ぷぷ


でも可愛い系になったんじゃないかと(^▽^)

参考までに↓こんな感じ♪

gs_spring2.jpg


プロフィールをTOPに持ってきました。
サイドのプロフィールを削除しないといけませんが(;^_^A

プロフィールが長くなるとスクロールするようにしています。

承認されたらよろしくです♪
2007.02.26 何処をいじる? 
先日『httpなどがどこにあるか分からない』って質問をいただきました。

今日はそこを説明したいと思います。

画像が大きく長くなるので、続きを読んでくださいね♪
*続きを読む*
1.管理画面横のサイドメニューを見る

管理画面を開くと、必ず↓画像と同じものが表示されています。
20070226-01.jpg

『ホーム』や『環境設定』『ツール』『ヘルプ』です。
その下に続くメニューでイロイロとブログを扱うわけです。
もしも細かいメニューが表示されていない人は、『ホーム』や『環境設定』をクリックしてみてください。
表示がズラズラ~と出てきます。

ブログをカスタムするためには、で囲ってある『テンプレートの設定』をクリックします。

その後の作業は↓2へ




2.カスタムするテンプレを選ぶ

↑1で『テンプレートの設定』をクリックすると、↓画像が出てきます。

20070226-02.jpg


枠で囲ってあるのがアナタがDLしたテンプレートの数々です。
枠で囲ってあるフラッグマークが現在アナタが使っているテンプレートです。
枠で囲ってある『編集』ボタンをクリクして次へ進みます。
カスタムしたいテンプレートの『編集』ボタンをクリックしましょう。


3.HTML・スタイルシートの編集

↑2の『編集』ボタンをクリックすると、↓画面が出てきます。
実際の画面では二つの編集画面が上下に並んでます。

20070226-03.jpg


枠で囲ってあるところを見てもらえれば分かると思いますが、
↑がHTML編集画面になります。


そして・・・

↓がスタイルシート編集画面です。

20070226-04.jpg



下に沢山の単語?が並んでいますよね。
これらがタグや、スクリプトなどと呼ばれるものです。
カスタムするときはこのタグやスクリプトなどを追加・編集します。

<>や.;:(実際は小文字)などの記号が抜けるだけで動作しなかったり表示されなかったりしますので、気をつけましょ~

一つのタグを扱った後、プレビューボタンで確認したほうがいいです。
もしも間違っていてもタグ上で右クリック→『元に戻す』でタグが戻せますから。(winの場合です)
もちろんPCのメモ帳などでコピペしてるほうが安全ですけどね♪

編集が終わったら更新ボタンをクリックです。

以上がカスタムするため、一番最初に覚えておかなければいけない部分です。


HTMLやスタイルシートが分からないって人・・・
コチラをどうぞ!(←FC2ユーザーフォーラム基礎用語説明)

だって私も上手く説明できないんですもの(≧m≦)ぷぷ
2007.02.25 gs_dog1_randam 追加版 
旦那サンがゴルフコンペで優勝してしまい、賞品でエアコンがもらえることになりました(///∇//)エヘッ

ウハウハ気分が続いててチョット怖いごえさくままです(≧m≦)ぷぷ。

先日gs_dog1_randamを登録したばかりだというのに・・・
先ほど追加&訂正のため上書き登録しました。( ̄▽ ̄;)

使ってくださってるかたで、追加部分を使いたい!って方は再DLをお願いします。
お手数かけて申し訳ありませんm(_ _)m


それと昨日コメントをいただいたQ&Aなんですが・・・(いちおう↓記事コメントにも答えを書いてます。)

Q1何処をいじれば良いの?
A.長くなりそうなので、次の記事にて説明します。


Q2カスタムの許容範囲は?
A.実際何も考えていませんでした(;^_^A
もともと私も再配布可能のテンプレをお借りして作っていますので、ダメなんてとてもじゃないけど言えません(^▽^)
なので答えは、許容範囲ナシです♪

ただ数点!
1.サイズ等変更した際レイアウトが崩れる可能性  です( ̄▽ ̄;)

2.背景・TOP画像・メニュータイトル・記事タイトル等の画像は再配布×です(たいした画像じゃないですがね(;^_^A)

3.再配布するときは、必ずフッターの『Photo by ごえさくまま』は変更してからにしてください。
(変更方法は↓記事『サポート1』の一番下に記載してあります。)

4.カスタムしたときに万が一不具合が起きてもワタクシは責任取れませ~ん(;^_^A
  

以上を納得していただいた方は、カスタムをご自由にどうぞ♪


ではでは!追加した部分は続きを見てね♪
*続きを読む*
1.新着記事に『NEW!!』マーク表示

このブログの記事タイトルを見てもらえればわかると思いますが、NEW!!が表示されるようになりました。
一番新しい記事に対して表示され、24時間後に消えます。
12時間後にも変更可
(ただしHTML変更すること!変更する部分が分からない人はコメントください。後日記事にてお答えします。)


2.コメントURLを別窓で表示

追加版以前のものは、コメントについていたURLをクリックすると、読んでいたページから切り替わってリンク先に移動してました。
今回別窓を開きリンク先を表示するようにしました。


3.コメント編集時、絵文字等を使えるようにしました

コメントを編集しようとしたときに、絵文字が使えないようになっていましたので、使えるようにしました。


4.サイドコメントリストの名前から、その人のコメントを表示するようにしました

追加する前はサイドのコメントで、人の名前をクリックしてもそのコメント欄に移動できませんでしたので、今回移動するようにしました。
実験してみて♪笑


5.『続きを読む』を折りたたみ出来るようにしました

追加する前は『open&close』で表示してました。
これは追記を下まで読んだ後、わざわざ上までマウスを使って戻らなきゃいけませんでした。
それでは面倒なので、追記の最後に『続きを隠す』を表示しました。
記事TOPまで移動すると思います。


6.管理人ページへのリンクをフッターに追加しました

実際コレはどうしようか悩んだんですが・・・
サポート掲示板とかを見てると、『管理人ページ』をなくしたいってありました。
それじゃ~あんまり人が見ないだろう(ホント?笑)フッター部分に移動させようってことで・・・
一番下にリンクを張りました。
試しに一番下を見てみて!笑

但し・・・
プラグインリンクで『管理人ページ』がついているのを使っていれば、『管理人ページ』が二つになります。
その際は、フッターについてあるリンクを削除するかプラグインリンクを別のものにする必要があります。
削除する方法が分からない方はコメントください。
記事にて説明します。


以上が今回追加した部分です。
長々と見てくれた方!ありがとうございましたm(_ _)m
2007.02.24 gs_dog1_randam サポート1 
2月23日に『gs_dog1_randam』が承認されてウハウハ♪ドキドキなごえさくままです。(^▽^)

テンプレートのターゲットを『初心者』で指定してますが・・・

実際カスタム初心者の私が登録なんて良いの?( ̄▽ ̄;)

と言ってもすでに承認していただいてるんだし(≧m≦)ぷぷ
不具合ばかりが出ないように願うだけです(T人T)オネガイ

もしも変なとこが見つかった場合、コメントにてご連絡お願いしますm(_ _)m


さて・・・
作ったからにはやっぱりチョットだけサポート的なことも書かなきゃかな~?と思い、大慌てで画像変更方法を書いてみました。

まずご自分のテンプレートのHTML・スタイルシート部分をPCのメモ帳等にコピペして保存したほうが良いかも!
間違った場合に簡単に修復できますから~(^▽^)


あとは続きを見てね♪
*続きを読む*
画像サイズのご案内

(注)画像サイズが変わると、テンプレートが崩れる可能性があります。(たぶん崩れるかと(;^_^A)

・TOPランダム画像は 横740×縦220
・メニュータイトル画像は 横180×縦17
・記事タイトル画像は 横540×縦20
・背景画像(変更前は斜線の画像)はお好きなサイズで
・記事に貼り付ける画像は 横最大520まで大丈夫だと思います。


TOPランダム画像の変更方法(HTML内を変更)↓この部分
20070224-01.jpg


1.HTML内にある↓タグを探してください

<!--▼TOPランダムここから-->
<script language="JavaScript">
<!--
ranimg = new Array();
ranimg[0]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam01.jpg";
ranimg[1]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam02.jpg";
ranimg[2]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam03.jpg";
xx = Math.floor(ranimg.length*Math.random());
ranimg = ranimg[Math.floor(xx)];
document.write('<img src="'+ ranimg +'">');
// -->
</script></DIV>
<!--▲TOPランダムここまで-->

2.<!--▼TOPランダムここから-->を含め5行目からの赤字部分(http ~ jpg)をご自分の使いたい画像URLに変更してください。
~ranimg[2] まで2の作業を繰り返す。


登録しているテンプレートでは画像を3枚使用しています。
画像を増やしたいときは

1.ranimg[0]="http://blog-imgs-11.fc2.com/g/s/t/gstemp/gs_title_randam01.jpg"; をranimg[2]より下に追加する。

2.追加したタグ [0] の数字を[3] [4] [5]・・・と増やしていく(その際画像URL変更を忘れずに。)


ランダムをやめたいときはご面倒ですが他のテンプレを探してくださいm(_ _)m
<!--▲ランダム画像ココから-->~<!--▼ランダム画像ココまで-->を削除すればいいのですが・・・
テンプレが大幅に崩れます(;^_^A

頼りなくてごめんなさ~い( ̄▽ ̄;)


TOPランダム画像下にあるインデックスエリアの変更(HTML内を変更)↓この部分
20070224-02.jpg


1.HTML内にある↓タグを探してください

<!--▼インデックスエリアここから-->>
<div class="index_area">
<div style="width:530px; height:90px; overflow:auto; border:1px solid #93c7ce; padding:5px; margin:10px 5px; float:right;">

<!--▽インデックスエリア内の文章変更ここから-->

沢山のブログの中からここにたどり着いてくれてありがとうございます<BR>
ココは管理人『G&Sまま』が作ったテンプレートを公開しているブログです。<BR>
気に入ってもらえれば凄く嬉しいです<BR>
完全に自己満足の世界ですが・・・<BR>
初心者なので分からないことだらけですが、暖かく見守っていただければ嬉しいです

<!--△インデックスエリア内の文章変更ここまで-->

</div></div>
<!--▲インデックスエリアここまで-->

2.<!--▼インデックスエリアここから--> を含め5行目にある <!--▽インデックスエリア内の文章変更ここから--> より下に記載してる部分を変更してください。

3.変更する際、改行したい場合は<BR>を記入してください。



ブログタイトルサイズを変更(スタイルシート内を変更)↓部分
20070224-03.jpg


1.スタイルシート内にある↓タグを探してください(真ん中辺りにあります)

/*タイトル設定------------------------------------------------*/


/* ブログタイトル */
.blog_title {
margin-top: 10px; /* 上にくっつき過ぎないように間隔を取っています */
margin-left: 20px; /* 左にくっつき過ぎないように間隔を取っています */
font-size: 28px; /* 文字サイズ(タイトルが長い場合サイズを小さくしてください */
font-weight: bold; /* 太字 */
}

2.赤字の font-size: 28px; の数字を『大きくor小さく』してください。


フッター部分について(記事下の著作権・削除禁止部分)↓部分
20070224-04.jpg


(注)削除禁止部分はFC2広告です。削除しないでください

(注)著作権はTOPランダムに対してです。TOP画像を変更した場合は以下の部分を変更してください。

1.HTML内にある↓タグを探してください(HTML内の一番下辺り)

<!--フッター部分-->
<div id="footer">


<!--削除禁止-->
<a href="http://photo-card-shop.com" target="_blank" title="結婚報告はがき">結婚報告はがき</a> <%ad> <%ad2><br>
<!--/削除禁止-->

<!--/消去・変更可能-->
Photo by ごえさくまま Copyright ©<%blog_name> All Rights Reserved.
<!--/消去・変更可能-->

</div>
<!--/フッター部分-->

2.<!--/消去・変更可能-->の下に記載している赤字を変更or削除してください。



とりあえず以上が簡単に変更できる部分だと・・・
『 < > " ! ; : 』の記号を付け忘れるだけで、表示されなくなったり崩れたりしますのでご注意を~


コメントに質問された場合、次の記事にてご説明すると思います。
コメントでタグ書くの面倒そうだから(;^_^A

質問以外はコメント下に書きま~す♪
2007.02.23 gs_dog1_randam承認されました 
先日登録したランダムテンプレートが承認されました( ̄□ ̄;)

チョット・・・いやかなりビックリです( ̄▽ ̄;)


20日に申請してから毎日毎日まだかな?大丈夫かな?って確認してました(≧m≦)ぷぷ
ホントに承認されるとは・・・

しかもDLしてくれてるようで(^▽^)


ありがとうございます♪


使ってて『ここおかしいぞ!』って気がついた人がいたら、コメントお願いしますm(_ _)m
2007.02.20 gs_dog1_randam申請中 
本日初めてのテンプレート申請しました。

gs_dog1_20070220.gif



内容は・・・
TOP画像がランダムです。
TOP画像下にメッセージ欄っぽいのをつけました。
スクロールバーの色を変更しています(Internet Explorerのみ表示)

後はいたってシンプルなテンプレです。
承認されれば良いな~

そして沢山の人に使ってもらえれば・・・シアワセ♪
2007.02.17 テスト 
テストテストテストちゅう~
2007.02.17 ご挨拶 
初めまして♪

FC2ブログを初めて一年記念に・・・
メインブログとは別に、ここG&Sを立ち上げてみました。

再配布可能のamanaman様よりテンプレートをお借りして、
ブログカスタム&配布していこうと思います。


初心者で分からないことだらけですが、暖かく見守っていただければ嬉しいです♪

万が一・・・
質問があれば、私で分かることであればお答えしたいと思うのですが(;^_^A
わからないことはごめんなさいm(_ _)m
サポート掲示板で教えてもらってくださ~い(;^_^A



これからよろしくお願いします♪
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。