sunny's blog

sunnyが読んだ本やマンガの覚書ブログです。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
このページのトップへ
自重しようと思っていたのです。本当です。

せめて、トリノが終わってから。

せめて、ノートが直ってから。
(あ、「不慮の事故」として保障がおりるようにしてもらえるみたいです。
 ありがたや、ありがたや。)

でもガマンできず、手を出してしまいました。
だって、面白そうだったんですもん、BlogPeople。

なんだかね、自分のブログに貼ってあるリンクのリストに「NEW!」とか出るんですって。

友達のブログやサイトが、更新した順に並び方が変わったりするんですって・・・。

テンプレート仲間のkururuさん、楽しいもの教えてくださってありがとうございましたv


ブロランバナー小
↑ミーハーsunny、本領発揮! と呆れられた方もクリックぷり~ず!



【更新マークつきのリンクリストをcoffeegirlに貼り付ける】

まずは、当然ですがBlogPeople(他にもいろんな「サイト更新通知サービス」付きサイトがありますが、sunnyが今回トライしたのは「coffeegirl&BlogPeople」の組み合わせです)に登録しなければなりません。
各種設定をお好みに整え、リンクリストを作成したら、いよいよテンプレートに貼り付けましょうv

さて、coffeegirlはプラグイン対応テンプレートですので、「BlogPeople」を導入するのにも、プラグインHTMLだけをいじればOKです。

BlogPeopleの「表示形式の設定」をして「コードの作成/更新」をクリックすると、一番上の「コード生成」のウィンドウにこんなふう↓に出てきます。

例)
 <script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/○○○○.js" charset="Shift_JIS"></script>

それをコピーして、FC2の管理者ページ「環境設定」→「プラグインの設定」→「プラグインの追加」を押すと、追加できるプラグイン名がずらりと出てきますので、「フリーエリア」の欄の右の「フリーエリア」とあるタイトルを「BlogPeople」とでも書き直して「追加」します。
(名前はなんでもいいです。「タイトル:フリーエリア」のままでも問題ありませんが、後々の作業を考えるとタイトルを付け直した方が便利です。後からタイトルを編集することもできますので、ご自由に)

追加すると「BlogPeople」というタイトルのプラグインが増えているはずなので、これの「HTML編集」をクリックし、「[ BlogPeople ] のHTMLの編集」のウィンドウの中身を削除し、先ほどコピーしたコードを貼り付けます。
「変更」ボタンを押して完了です。



貼り付け作業は終わりましたが、coffeegirlユーザーの方には、3つほど気になる点があると思います。

第1に「BlogPeopleのリンクリストだけ文字がでかい」

第2に「背景画像の花模様が、必要ないところ(リンクリストの後ろと、クレジット="Powered By BlogPeople"の後ろ)に入っている」

第3に「今までのリンク一覧表にはピンクっぽい小さい○が各サイト名の前にあるのに、こちらにはない」

なんとかなりましたので、以下にsunnyの解決法を書いて見ます。

※HTMLやスタイルシートを編集する時は、必ずもとのHTMLやスタイルシートをコピーしてメモ帳などに保存してからやってみてください。

<第1の課題>
【BlogPeopleのリンクリストの文字を周りと揃える】

FC2ブログサポートフォーラムのカスタマイズ掲示板に
「Mybloglist、BlogPeople、トラックバックピープルの文字を揃える」というトピックスがあります。
ここを参考にしました。

「環境設定」→「テンプレートの設定」→[coffeegirl]の欄の右、「修正」を押すと、HTMLとスタイルシートの編集ウィンドウが開きます。
まずスタイルシートをいじります。スクロールして

/* プロフィール、検索 */
 ・
 ・
 ・

という文字列を探してください。見つけたら、その直前にコレ↓を挿入してください。

/* ブログパーツ用フォント */
#side .bp {
line-height: 1.5;
color: #C68080;
font-size: 13px;
}

「更新」して、次にプラグインHTMLの編集に移ります。

プラグイン「BlogPeople」の「HTML編集」をクリックして、最初にコピーして貼りつけた文字列の前後に↓赤字のように書き加えます。
<h3>リンク</h3>
<div class="bp">

<script language="javascript" type="text/javascript" src="http://www.blogpeople.net/display/usr/○○○○.js" charset="Shift_JIS"></script>
</div>
(斜体字の「リンク」は、お好きなリンクリストのタイトルに書き換えてください。)

「変更」をクリックして終了です。
(リンクリストのタイトルが2重になってしまう人は、BlogPeople「表示形式の設定」→「基本設定」→「3.リンクリストのタイトル表示と区切り」タイトル表示:「しない」にチェックして更新してください。)



<第2の課題>
【メニュー部分の不要な背景画像を消す】

これには手を焼きました。さんざん悩んだ挙句、
「一部分だけ消せないのならば、全部消して必要な部分に足せばよい」という結論に達しました。

まずスタイルシートをいじります。真ん中あたりに↓のような記述を探してください。

/* その他 */
.sideother {
     background: url(http://blog1.fc2.com/template/coffeegirl/image/beige_middle.gif) center center repeat-y #FAF3EB;
     }
.sideother p{
     margin:0 0.4em;
     }
.sideother div {
     background: url
(http://blog1.fc2.com/template/coffeegirl/image/beige_top.gif) center top no-repeat;
     }
     ・
     ・
     ・

赤字部分を次のように書き換えます↓

.sidetop {

次はHTMLの編集です。
カレンダーに関する記述と、プラグインに関する記述の間あたりを探してください。

   ・
   ・
   ・
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>
<!--/calender-->
</table>
</div>
</div><div class="sidecalendarbottom"></div>

<div class="sideother">
<! サイドメニュートップ >
<div class="sidetop">
<! サイドメニュートップここまで>

<div>
<h3>&nbsp;</h3>

<!--plugin_first-->
<%plugin_first_content>
   ・
   ・
  (中略)
   ・
   ・
<%plugin_third_description2>
</p>
<!--/plugin_third-->
</div>
</div>
</div><div class="sideotherbottom"></div>
</div><!--- close side -->
<!--/plugin-->
   ・
   ・
   ・

↑この赤字部分を挿入して下さい。
プレビューで確認して問題がなければ更新してください。

※このやり方で消しておくと、ツリー化しても折りたたみしても余計な画像は出ません。
FC2カスタマーフォーラムの掲示板や、sunnyの以前の記事などを見て

div#○○list { background-image: none; }

このようなタグ↑で消したことのある方は、そのままでも構いませんが、もう不必要なので消しても大丈夫です。※

※(追記:2006/02/23)
UPしてからしばらく、上の表で</div>を書き忘れていたのに気づきませんでした。
お詫びして訂正いたします。
(追記終わり)※



<第3の課題>
【各リンクサイト名の前にcoffeegirlのリストマークをつける】
  注)こちらは更新マークをリンクサイト名の前につけたい人には向いていません。

BlogPeopleの「表示形式の設定」→「詳細設定」→「7.HTMLタグの利用」→「<a>タグの前:」の後ろに

<img src="http://blog1.fc2.com/template/coffeegirl/image/bullet.gif">

↑これを記入して「コードの作成/更新」をクリックすれば完成です。

テーマ:ブログのカスタマイズbyド素人 - ジャンル:コンピュータ

このページのトップへ

コメント

v-436また楽しそうな事を!!!
マネしたくなっちゃうわ~
私も時間がある時に絶対ヤルわv-91
でもこの年になると、徹夜とかすると
しばらく疲れがとれないのよね・・・
その時はまた手ほどき、宜しくお願いしまーす

  • 2006/02/22(水) 21:39:39 |
  • URL |
  • RUNA #-
  • [編集]

徹夜ダメよ♪

徹夜は美容の敵だし。
(とか言って、私も花柄消すのに徹夜しちゃったv-356
乳児の育児は体力勝負だもん、ムリしちゃダメよ~^^
手伝えることがあったら、喜んで手伝うねv

ほんと、すんごく楽しかったの。
RUNAさんも嵌まってくれて、嬉しい。
・・・ていうか、私、悪の道にひきずりこんでる?^^;

  • 2006/02/22(水) 22:25:16 |
  • URL |
  • sunny #r3Uboryc
  • [編集]

記事アップしてから又見にきちゃいました。
リンクの所にカワイイイチゴ!
こうなるのね~こうしたいわ~v-10
↑のコメント、絵文字入れる位置、間違えました。
文頭に付いている絵、文末に入れるはずだったのです・・・ごめんなさーい!

  • 2006/02/22(水) 22:45:50 |
  • URL |
  • RUNA #-
  • [編集]

>RUNAさん

見てきました! ほんっとRUNAさんってすごい! 器用でセンスある~^^
BlogPeopleのリンクリストを設置するだけならすぐ出来ると思います。
貼り付けたら、直したい所がいくつも出てきてしまって深みに嵌まりました(笑)

コメント書く欄の下に「Pass:」ってありますよね、その中に好きな英数字入れてから送信すると、後で自分の書いたコメント編集できるんですよ^^

私、送信した後で書き直したい場合が多いんで(要するにそそっかしい)、重宝していますv

  • 2006/02/22(水) 23:07:34 |
  • URL |
  • sunny #r3Uboryc
  • [編集]

いちごちゃんが☆

こんばんは☆
うちのへっぽこブログの横にもいちごちゃんが

UPするといちごちゃん登場なんですね☆
ありがとうございます♪

  • 2006/02/23(木) 00:19:43 |
  • URL |
  • ちょ。 #LGwAri4s
  • [編集]

>ちょ。さん

やられた~! きゃ~!e-329e-296

みなさんも、ちょ。さんのサイトに行ってみてください。すごいから。ふふ。


  • 2006/02/23(木) 01:10:08 |
  • URL |
  • sunny #r3Uboryc
  • [編集]

すっげー!!!

これはこれは大変、ご苦労様でございましたー!!
ちょっと長期戦(?)になりそうなので
やっぱり土曜に挑戦してみよーっと♪
なんか、うずうずしてきたぜーっ!!!
って、sunnyさんに教えてもらって全部クリアしてるよ・・・
ワタシ。。。

  • 2006/02/23(木) 06:31:11 |
  • URL |
  • クルル #-
  • [編集]

あ、まずい。>kururuさん

<第2の課題>に書き漏らしが。
あとで書き直しておくね~^^;

土曜日、やってみてちょ~♪

「はげ」の共食い、笑っちゃった。
ダーリン、ごめんよ~!

  • 2006/02/23(木) 10:40:07 |
  • URL |
  • sunny #r3Uboryc
  • [編集]
このページのトップへ

コメントの投稿


管理者にだけ表示を許可する

このページのトップへ

トラックバック

FC2Ad

Information

sunny
  • Author: sunny
  • 夫、コドモ、アカゴ、sunnyの4人家族。

Search

Calendar

04月 « 2017年05月 » 06月
Sun Mon Tue Wed Thu Fri Sat
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31 - - -

 

ユニークカウンター

since 05/11/28

最近の記事

最近のコメント

最近のトラックバック

月別アーカイブ

カテゴリー

リンク

このブログをリンクに追加する

【ぷかレイ戦闘中】

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