スポンサーサイト

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

CLEVERBBSの使い方♪BlogPetGalleryにようこそ♪(笑)

2006年09月07日

CLEVERBBSの使い方について説明させていただきます!!
こちら、BBSではなくてBlogPetGalleryですから!!(爆)
こちらはBlogPetのキャプを使って楽しむコーナーにしたいと
思っています。
「つなビィ」でやっていたのですが、
キャプに一言ツッコミを入れてみたり、
可愛いキャプを載せてみたりなどなどして
楽しもうと思っています。
うちのこうさぎのうさび、うさなだけでなく、
お友達のペットのキャプもどんどん使わせてもらおうと思っています。


もちろん皆様の投稿も大歓迎!!
うちのペットがこんなこと言ってた!!とか、
うさびがこんなこと言ってたとか、
教えてもらえると嬉しいです!!


まずは投稿の仕方から。(右の画像を参考にしてください♪)
060907bbs2.jpg
タイトルの下にある書込ボタンをクリックすると
投稿欄が出てきますので、
(1)名前、
(2)URL(必須になっております)を入れてください!!
(3)画像をアップする場合は次のFileの参照ボタンを押して
アップしたい画像を選択してください。
ちなみに画像は~.jpg、~.gif形式のみしかアップできませんのでご注意ください。
また大きな画像は縮小して表示されます。
(画像をクリックすると別ウィンドウで、大きな画像が見られます!!)
(4)コメント本文を入力してください。(画像のみでは投稿できません。)
(5)次に文字色を変えたい場合は好きな色のラジオボタンをクリックして
(6)Passを入力し
(7)Sendボタンを押せば投稿できます。
Passを入力しておかないと、削除できませんのでお気をつけください!!

またこちらのBBSにはRES機能がありますので、
お好きなところにツッコミを入れてもらってもOKです!!
ツッコミを入れたいときは、その対象記事の右上にある
RESボタンを押せば投稿画面になります。
こちらも画像を入れられますよ♪
手順は投稿のときと同じです。
もしもRES画面を出たいときは一番上にある「トップ画面」というところを
クリックしてください!!


060907bbs3.jpg
さて、自分の書込みを削除したい場合は
一番下にある削除欄から出来ます。→
消したい投稿の番号を入れてPassを入れればOKです。
もしもPassを忘れてしまった場合はこちらで削除しますので、
その旨連絡ください!!


検索機能もありますよ~♪
「yozoの気が向いたと記2.0」yozoさん
おかげです~♪\(o⌒∇⌒o)/
こちらは例えば自分の名前を入れて探すとか
ペットの名前を入れて探すとかいろいろ活用できそうですよね♪
こちらは一番上の【検索】ボタンを押せば検索窓が出てきます♪


あと更新ボタンは掲示板の部分をリロードします。
別窓ボタンは別ウィンドウで掲示板が開きます。
上下は広くなるので閲覧のときはこちらのほうが
見やすいかもしれません!!


これでうちのブログでもペットの発言が楽しめるわ~♪ワクo(゚ー゚*o)(o*゚ー゚)oワク
連絡や質問などは今までのBBSの方にカキコしていただけますよう
お願いいたします。<(_ _)>


他に何か質問がございましたら遠慮なくどうぞ~♪(*^-^)ニコ


CLEVERBBSの設置については「CLEVERBBSを設置しました!!(遅っ!!)」の記事を
ご覧ください!!


↓応援していだだけると嬉しいです♪(*^-^)ニコ
banner_02.gif

スポンサーサイト

スレッドテーマ:ブログ:ブログ

CLEVERBBSを設置しました!!(遅っ!!)

2006年09月07日

ずっと設置したくて仕方がなかったCLEVERBBS。
こちらのBBSは画像も貼り付けられる素晴らしいBBSなのです。
すでに数人のお友達のところには設置されており、
私も楽しませていただいております。
自分のところにもつけるぞ~!!とあちらこちらに宣言をしておきながら
完全放置状態。。。orz
この性格は治らないものだろうか。。。


まぁ、出来たからよしとしよう!!ヾ(・ω・;)オイオイ
さて設置の際に使わせてもらったスキンは「うさもスキン!!(爆)」
こちらに来ていただいてる方は多分ほとんどの方が知ってると思いますが、
「yozoの気が向いたと記2.0」yozoさんちの
飼っているこうさぎがうさもちゃんです♪
こちらのBBSを設置する際に参考にさせていただいたのが
「CLEVER BBSの設置の仕方♪」の記事なのですが、
この通りに設置していくとなんと「designed by usamo」の文字が~!!(爆)
同じスキンを使って設置した
「ROOM-M」mioさん「夢見るととろ日記」ととろさん
大爆笑してました~!!


うさもちゃん、素敵なスキンをありがとう~♪
お礼に可愛いキャプを載せてみます♪
060907usamochan1.jpg060907usamochan2.jpg

おぉぉ♪うさもちゃん♪
本当に先生みたいだわ~♪
(*’ω’*)わぁ♪
うさも先生、これからも
よろしくお願いします。(違)



さてこちらのスキンを使ってBBSを設置後、
少しカスタマイズをさせていただきました。
まず初めに変更したのはタイトル部分です♪
タイトルはBlogPetGalleryにしました!!(爆)
あと字の色や大きさなどを変更しました♪


つぎはnextボタンとbackボタンの間にある**ですが、
こちらをクリックすると管理ページに入るようになっています。
こちらを変更することにしました。
Customized by yozoの部分をCustomized by mayubiに変更し、
その後ろに管理ボタンを移動させることにしました。
<a href="http://solodesign.jp/" target="_blank" title="CGI">clever bbs</a>
<br>designed by <a href="http://usamo.seesaa.net/" target="_blank" title="DESIGN">usamo</a>
<br>Customized by <a href="http://yozoblog2.blog63.fc2.com/" target="_blank" title="DESIGN">yozo</a>
の部分を
<a href="http://solodesign.jp/" target="_blank" title="CGI">clever bbs</a>
<br>skin by <a href="http://usamo.seesaa.net/" target="_blank" title="DESIGN">usamochan</a>
<br>Customized by <a href="http://mayubi.blog48.fc2.com/" target="_blank">mayubi</a><a href="clever.cgi?mode=admin" title="MASTER ONLY"><img src="./img/~.gif" border="0"></a>
赤字の部分は相対パスになっていますので、
imgフォルダの中に使いたい画像を入れて
~の部分に画像の名前を入れれば、簡単に出来ます。
相対パスがよく分からない場合はいつも通り画像のURLを入れても問題ありません。
(ちなみにこちらを絶対パスといいます。)
そしてusamoをusamochanに変えておいた♪(爆)

さて次ですが、前のページ、次のページへのリンクを
画像にしてみました。
まずは使いたい画像をcleverフォルダの中にあるimgフォルダの中に入れます。
そして以下のように書き換えました。

<b>back<!--s--></b></a> <a href="clever.cgi?mode=admin" title="MASTER ONLY">**</a> <b>next<!--s--></b></a><br><br>

<b><img src="./img/~.gif" border="0"><!--s--></b></a>  <b><img src="./img/~.gif" border="0"><!--s--></b></a><br><br>
こちらも相対パスになっています。

2006/09/10 追記
上記の打ち消し線で消した部分ですが、
これでは動かないみたいです。
動作確認できておらず申し訳ありません。<(_ _)>
また何か分かりましたら追記します。


この3点の画像は「A Trial Product's 素材置き場」さま
よりお借りしました。
素敵な画像をありがとうございます。<(_ _)>


あと何したっけか???(笑)
あ、そうだ。
「KOROPPYの本棚」KOROPPYさん
「CLEVER BBSの投稿フォームをデフォルトで非表示に変更」の記事で
投稿部分を開閉ボタンにする方法が載せられていました!!
閲覧するときは邪魔ですからこの発想は素敵ですよね!!
ただ、KOROPPYさんとはスキンが違うため挑戦したもののスクリプトを貼る場所を間違えたのか
見事に撃沈。KOROPPYさん、すみません。<(_ _)>
そうこうしているうちにyozoさんの
「CLEVER BBSのスキン改良<投稿及び検索フォームの表示/非表示ボタン設置>」
の記事がアップされたのでそちらを参考にさせていただきました!!
同じスキンなのでこれはラッキーでした♪
(ほとんどコピペしただけという噂が。。。)
この後さらにちょっとカスタマイズをしてみました。
書込ボタンを押したら別窓ボタンが見えるのですが、
私はトップページに付けました。
【<a href="javascript:show_hide('searchform')">検索</a>】【<a href="./clever.cgi" onClick=window.open("./clever.cgi","_self")>更新</a>】【<a href="javascript:show_hide('postform')">書込</a>】
【<a href="clever.cgi" title="大きいウィンドウを開いてページ全体を表示" onClick="window.open('clever.cgi','BBS','top=10,left=150,width=300,height=650, scrollbars=yes,resizable=yes,toolbar=no,menubar=no,location=no,directions=no,status=yes');">別窓</a>】
というコードになりました。
そして書込欄にある別窓ボタンは削除してみました。
KOROPPYさん、yozoさん、本当にお世話になりました。<(_ _)>

あと、大きな画像が入ると読みにくくなってしまうので、
画像の大きさを制限しました。
大きい画像が入った場合は縮小されます。
(クリックしたら大きな画像が出ます。)


こちらはbbsini.cgiの170行目~173行目の部分を変更します。
# 画像ファイルの最大表示の大きさ(単位:ピクセル) ____.04
#(このサイズを超える画像は縮小表示されます)
$MaxW = 140; # 横幅
$MaxH = 220; # 縦幅
赤字の部分が変更部分。
BlogPetのキャプを想定しているので
この数値で十分かと思われます。

こんな感じかしら?
tdだのtrだのがいっぱいあってややこしかった~。(;-ω-) =3 フゥ
何度も違うところに貼り付けてパニックになりました!!(苦笑)
皆様はカスタマイズに挑戦されるときはまめなバックアップをしてくださいね!!
そうじゃないと元に戻せません。。。何度失敗したことか。。。orz


さて、晴れてクレバーBBS設置できましたので
画像をアップして楽しみたいと思います!!
さて、こちらの使い方は別投稿にて!!
長くてごめんなさいね~。<(_ _)>


↓ポチッとしてくれると嬉しいです!!o(・ω・o)(o・ω・)oヤッタ!
banner_02.gif

スレッドテーマ:ブログ:ブログ

trackfeedとtrackwordを付けてみた♪(*'ー')

2006年08月03日
お友達のところを巡回しているときにあちらこちらで見かけたのが、
trackfeedtrackwordでした。
一体コレって何かしら????
と思ったのでクリックしてみました。

trackfeedは他のサイトからリンクが貼られたら、
RSSにてお知らせしてくれるんだとか!!
ほぉぉぉ!!そんな素晴らしいものがあったのか!!
早速設置してみるとこれがまた面白い!!
(ブログ右下に貼り付けています♪)
いろんな検索でのリンクも引っかかってきますし。
今日見て面白かったのが、
人気ブログランキングで「松岡充」での検索にひっかかっていたこと。
えっ?そんなの書いたっけ???と思ったら、
「テレビ欄占いにも挑戦♪ 」の記事を拾っていた!!
この検索で来た人ビックリしただろうなぁ。(笑)
ただ、何故ひっかかったのか分からないブログもあるし、
コメントを書いたところもヒットしてるみたいだし、
このあたりは情報を取捨選択しないといけませんね。
設置方法は簡単。
メルアドを入力して送信し、
届いたメールのURLをクリックしてから、
RSSを登録する。そしてしばらく待てばOKです♪

trackwordの方はどのようなキーワードで検索されているのか
ブログに表示してくれるようです。
今のまゆびのブログの検索ワードは
「びっくり館の殺人 ネタバレ」
「のんびり前進じたばた生活」
「fc2 のアクセス解析」
「じたばた」
だそうです。
ブログ名でも検索されてる???
お友達が誰かにまゆびのブログ名を教えてくださったのかしら???

ログインしてみるとさらに面白い情報がゲットできます。
まずキーワード別にどのページが検索にかかっているのかが
分かるのです。こんな感じ♪


(↑クリックすると大きくなります♪)

キャプでは見にくいかもしれませんが、
Yahoo、googleなどのどの検索から来ているのかも出ます。
なるほどなぁ。

ページ別での情報はコチラ♪

一番上は七夕折り紙の記事なのですが、
「七夕飾り 折り紙」の組み合わせは納得。
でも「折り紙 バラ」の組み合わせでもヒットしているのが面白いなぁ。

自分のブログのアクセスを上げるためにキーワードを考えることにも
役立つでしょうが、
まゆびは検索の仕方の参考になるなぁと思いました♪
なかなか楽しめそうです♪(o^-^o) ウフッ

コチラの設置方法も簡単でした。
新規登録ボタンを押して登録し、
スクリプトを貼り付ければOKですよ♪ヾ(=^▽^=)ノ

↓ポチッとしてくれると喜びます♪ヽ(  ´  ∇  `  )ノ ワーイ

スレッドテーマ:アクセスアップ・SEO:ブログ

エキサイトネームカードを付けてみた♪(*'ー')

2006年07月27日
まゆびのブログには開設時にFC2のアクセス解析を付けていました。
と言っても今までに確認したのは2~3度。
そして1ヶ月ほど前にシステム障害でデータが消えたとのメールが!!
( ̄□||||!! はっ?何それ?
今までのアクセス情報を確認しようと思っていた矢先の出来事でした。。。
その上、再び設定をやり直さないといけないらしく。。。
もう、アクセス解析なんてどうでもいいや!!イラネッ(゚Д゚=)ノ⌒゚

と思っていたところ「yozoの気が向いたと記」yozoblogさん
「ネームカードに登録して容量最大1Gへ♪」の記事を読みました。
初めはエキサイトだけだし関係ないなぁと思っていたのですが、
よく読んでみるとエキサイトのIDを取得すればOK。
その上アクセス解析あり!!
まぁだめもとでやってみようとエキサイトIDの取得、
アクセス解析の設定などをやってみると思ったよりもいい感じ♪
どのアドレスからまゆびのブログに来てもらえているかも分かりますし、
なんと検索ワードランキングも出てました!!
まゆびのブログの検索ワードランキングはコチラ♪
(7月23日~26日までの結果です。)


なんと折り紙の検索で結構来てくださってるのねぇ。
それなのにほとんど記事がない。。。orz
この検索で来てくださった方、本当に申し訳ないです。<(_ _)>
そして面白かったのが「獣王星」で2アクセスあったこと!!
この言葉は先日「うさめちゃん、おめでとう!!「俳句を求めて三千里狙い撃ち編」」の記事で
yozoさんちのうさめちゃんにちょこっとツッコミを入れただけなのに!!(爆)
きっと唖然としたことでしょう!!

こちらのエキサイトネームカードはメッセージのやりとりや、
名刺交換(友達になるということかな?)も出来るそうです。
ちなみにまゆびの名刺はコチラ♪


一番小さいタイプにしてみました♪
画像を入れることもできるようですよ♪(o^-^o) ウフッ

簡単なので、興味のある方は設置してみてはいかがかしら?
yozoさん、教えていただいてありがとうございました♪(*^-^)ニコ

↓応援いつもありがとうございます。嬉しいです♪
ゎぁぃ♪ ヾ(*⌒∇⌒)八(⌒∇⌒*)ツ ゎぁぃ♪

スレッドテーマ:ブログパーツ:ブログ

画像のまわりこみ♪

2006年04月01日
画像の横に字を配置することを『まわりこみ』というそうです。
初めの頃はやり方が分からなかったので、
カスタマイズ掲示板などをのぞいて調べました。
が、以前のテンプレートの時にはなぜか
記事の枠が切れてしまうという不可解な事件が!!
なので使っていなかったのですが、
テンプレートを変えてからは問題がなくなりました。

役に立つかどうか分からないのですが、
ここにやり方を書いておきますね。

FC2の場合になりますが、画像のアップロードをし記事を書くを押すと
<a href="http://blog48.fc2.com/~ target="_blank"><img src="http://blog48.fc2.com/~" alt="" border="0"></a><br clear="all">
のようなタグが挿入されます。

ちなみにこのまま使うと画像をクリックしたときに
別ウィンドウで、画像が出てしまいますが、
この赤字の部分を取るとクリックしても何も出ません。
あまり意味がないと思うのでまゆびは取っています。
alt="★"の★の部分に文字を入れておくと
画像が表示できなかったときに代わりに文字が出ます。
例えばalt="うさびの後姿"としておくと画像が出なくても
「ああ、本当はここにうさびの画像があるのね」と分かってもらえます。

さて「まわりこみ」は<img>のなかにalign="right"を入れます
もちろん左に画像を置きたいときはrightをleftにしてね!!
そして画像の横に置きたい文字を<image>と<br clear="all">の間に入れてください♪
<img src="http://~" alt="" border="0" align="☆">ココに文字<br clear="all">
こんな風にします。

画像を2つ並べるときは
まず2つの画像のソースを並べて一番最後以外の<br clear="all">を削除してください。
<img src="http://~" alt="" border="0" align="☆"><img src="http://~" alt="" border="0" align="☆"><br clear="all">
こんな感じですね。(o^-^o) ウフッ

左右に画像を置き、その間に文字を入れるときは
一つ目の画像の<image>にalign="left"、二つ目の画像の<image>にalign="right"を追加し
その後ろに文字入力です。
<img src="http://~" alt="" border="0" align="left"><img src="http://~" alt="" border="0" align="right">ココに文字<br clear="all">
後はバランスなどを考えて改行をいれたりして下さい。

このまま字を入れると左揃えになり
画像と画像の間に入れるときは少し見た目が変だったので
中央にそろえるために文字を<div>というタグではさんでいます。
<div align="center">ココに文字</div>
と設定したらOKです!!

少し話は変わりますが、
まゆびのブログのテンプレートを変更したあと
表示が遅くなったなぁと思い、
いつもお世話になっている「KOROPPYの本棚」KOROPPYさん
相談してみると画像の表示方法について素敵な情報を教えていただきました。
画像を記事に貼るときに<img ~>の中にwidthとheightという設定を入れると
画像表示が速くなるとのことでした。
確かにFC2の画像貼り付けソースをそのまま使うと入っていません。
widthは画像の幅、heightは高さです。
FC2の場合は画像をアップロードしたときにサイズも出ていますので
それを参考に設定するといいと思います。
<img src="http://~" alt="" border="0" align="left" width="130" height="200">
のように設定します。
3月30日の記事よりこの設定を入れてみました。
少し表示が速くなったような気がします。
画像をたくさん使っている方は試してみてはいかがでしょうか?

右のサイドバーのほうもテーブル枠が重い原因だったようなので
シンプルな枠に変更し、少し画像を入れてみました。
こちらは明らかに表示しやすくなりました。ヽ(=´▽`=)ノ
KOROPPYさん、助言をありがとうございました。<(_ _)>


↓人気ブログランキング参加しています。
実は昨日まで「日記・雑談」のその他に登録していたのですが、
同じところに登録しているブログを見ると怪しいものが多くて。。。(苦笑)
自分にあった分類が見当たらないので、少しでも当てはまる「本・読書」の方に
変更させていただきました。
こちらは登録者も少ないようでなんと15:30現在84位でしたー♪(*゚▽゚*)
もしかしてちょっとずるいかも?(o ̄∇ ̄o)ヘヘッ♪
新着ランキングの方はなんと180位ですー♪o(*^▽^*)o~♪
ポチッとしてくださった方本当にありがとうございます。

もしもよろしければ今日もポチッとよろしくお願いします。
励みになります♪(*゚▽゚)ノ

メイン


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