SSブログ

So-net blogのサイドバーをカスタマイズする [インターネット]

 (o^∇^o)ノ、ベンジャです。10/21よりSo-netblogもサイドバーに自作項目追加機能がつき、11/8からはハーボットもブログ正式対応となりました。モモイズムも試行錯誤を重ねながらちょこちょこいじってきましたがそろそろ自分なりの仕様が固まったのでその記録を残しておきたいと思います。なおσ(・_・)はHTMLやタグの使い方などについては最小限のスキルしか持っていないので、ぜひご意見などをお寄せいただければと思います。

 1.ハーボットを貼ってみたい
まだ暫定期間だったのですが既にポストペットマニアの方でベンベンというハーボットを飼っていたので容易かろうと強行。甘かったですヾ(≧▽≦)ノ

 2.2匹目のハーボット、コパンを飼う
例によって「このURLでは登録できません」が出るもこの問題は既に通過済み。ベンベンもココログで飼っているので同じ処置をするだけです。具体的にはゲートステーションに入りロッカールームのハーボックスを開く。"ホームページを引っ越した時"の中にある「ハーボックスURLをチェックしない 」に設定する。成功!

 3.見栄えの悪さに悩む(笑)
無事コパンを飼うことが出来ましたが、リンクカードを渡すために行ったお友達のハボボックスを見て思う。何故かうちのは左に寄っているしボックスまでの「隙間」が大きいぞと。
コパンの設定タグをセンタリングするのだろうまでは気づくが「隙間」は相変わらず。そこでテーブルに「border=0 cellspacing=0 cellpadding=0 を指定」する。つまり枠線の太さを0にしたダミーの枠を作成するわけです。

 <CENTER><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
 <TR><FORM><TD>
 ハーボットのタグ
 </TD></FORM></TR>
 </TABLE></CENTER>
 
 ハーボットの使い方へのリンク
 (実際には小文字で記述)

ところがその後「隙間」のない飼い主さんに聞いたところ目から鱗の回答あり。

<DIV>~</DIV>で囲んだ範囲をひとかたまりとして、 align属性で位置を指定すればよいと。なるほど!

 <div align="center">
 ハーボットのタグ
 <br>
 ハーボットの使い方へのリンク
 </div>
 (実際には小文字で記述)

うん、これはシンプルでわかりやすい。現在はこのように記述していますが他にもっとよいやり方があればぜひ教えてください。

 4.ハーボットをブログ対応にする
これもリンク先のハーボットを見て気づいたのですがコパンのボックスでは見たことないピンクのごはんを食べてる子がいます。手足をバタバタさせてすごく美味しそうです(笑)
そしてこれにはかなり苦労させられました(^^;)。正式対応前に貼ったせいかもといろいろ試行錯誤を重ねましたよ。調べてみたらやはり正式版から変わったんですね。
オーナーモードでハーボットに入りボードの「引っ越し届け」(これは今までありませんでしたよね?)を選ぶとブログ対応への設定画面に移ります。設定後は念のため「ハーボックスURLをチェックしない 」のチェックを外しました。

 5.著作権の表記を入れる
σ(・_・)のブログの"売り"は生モモやポストペットのキャプチャー画像ぐらいですからいくら同じSo-netのコンテンツといえども一言ことわっておきたいところです(笑)
こちらも例の「隙間」を減らしテキストに色を付けて見栄えをよくしました。ついでにバナーを引っぱってきて公式サイトへのリンクをつけました。

 

……と現在はこんな感じです。他のブログペットやBBSも考えたのですがなるべくシンプルにいきたいのでしばらくはこのままにしたいと思います。
ただ後1つだけ欲しいものがあるとすると、それはオーナー以外には見えないメッセージを送る機能です。これがあるとポスペのメアドの交換がすごく楽になります。
オーナー宛のメールフォームでもいいのかな。とにかく他のブログやミニホでは実装されてる機能ですのでぜひお願いしたいと思います。
それからもしメアドを入力してもオーナにしか見えないBBSがあればぜひ教えていただきたいと思います。

あっ、望みと言えばPAW^2のブログツールを忘れちゃいけませんねヾ(≧▽≦)ノ
So-netさん、前向きに検討してくださいね~(*^ー゚)b


nice!(3)  コメント(14)  トラックバック(2) 
共通テーマ:Harbot

nice! 3

コメント 14

ベンジャミン

いきなり自己レスですが、前の記事を書いてるとき気になったので……

この記事では一ヶ所画像をリンクしていますが、
So-netblogではオーナー以外が見てもちゃんと表示されてますか?
ココログではこのやり方で問題ないのですが……
by ベンジャミン (2005-11-14 08:43) 

shikami

お( ̄ー ̄ )ノ は( ̄ー ̄)ノ よっ(  ̄ー ̄)ノ
初コメントでナンですが・・・(;´∀`)
バナーを貼り付ける場合、一番簡単なのは「表示結果を確認しながら編集する入力」にして、保存したバナーをアップロードして、それを選択しリンク作成でURLを入れれば良いと思うんですが、それやとバナーに変な枠が入ってしまうんよね・・・
それを避けるには、どうやったら良いんでしょ?教えて下さい~~<(_ _)>
「URL自動リンクと改行だけのシンプルな入力」でタグを打てば枠が無くなるのかな?
タグの打ち方を知らんのやけど・・・(;´Д`)
この件を問い合わせしたのやけど一向に返事が来ませんわ(*_*)
お時間のある時に教えて下さいな。
by shikami (2005-11-14 10:25) 

涼花

「画像をリンク」しているのは【手足をバタバタさせて】ですよね?
クリックするとSo-netブログのログイン画面が現れます。
と言うことは、GUESTさんには見えないかも。。。
by 涼花 (2005-11-14 10:51) 

みぃしゃ

割り込みで<(_ _)>
>shikamiさん
バナーなど、画像の枠は、border=0と付け足すだけで消えますよ
by みぃしゃ (2005-11-14 11:06) 

ベンジャミン

 >shikamiさん、いらっしゃい!
mexiaさんが教えてくれた通りです。
<img src="リンクするバナー" width="88" height="31" border="0"></a>  (実際は小文字で)
これでバナーに枠がでないはずです。

 >涼花さん
やっぱりそーですか……
So-netblogでは画像のリンクは許可されてないんですかねぇ…

 >mexia
回答どうもです('-'*)
by ベンジャミン (2005-11-14 11:47) 

shikami

mexiaさん・ベンジャさん有難うございます(*- -)(*_ _)ペコリ
後でやってみます!!
お世話になりました~~ヽ( ´ ▽ ` )ノ
by shikami (2005-11-14 17:16) 

>ベンジャさん、涼花さん
リンク先の指定が間違っているからだお!
誤)https://www.so-net.ne.jp/blog/_images/blog/momoism/1785622.jpg
正)http://blog.so-net.ne.jp/_images/blog/momoism/1785622.jpg

>あっ、望みと言えばPAW^2のブログツールを忘れちゃいけませんねヾ(≧▽≦)ノ
>So-netさん、前向きに検討してくださいね~(*^ー゚)b
このところ頻繁に「PAW」という言葉を書くようにしているのですが、検索してもなかなかヒットしませんね~
別件で飛んできた方が「PAW」の文字を見て輪が広がってくれると良いですね。
by (2005-11-14 20:09) 

toka

こんにちは^^
ハボのピンクのごはん、そういうわけだったのですね!
私もいま、設定してきました。ありがとうございました。
あと、スクリプトの貼り付けですが、これがよいというわけではないですが、簡単なのをひとつご紹介します。
------------------------------ ---------
<p align="center">
ハボのスクリプト
</p>
あと、ベンジャさんの設定のように、リンクタグを追加して入れたい場合などの改行で<br>を使うときは<br />と、スラッシュを入れたほうがいいかもしれません。(○'ω'○)ノノ
by toka (2005-11-14 21:21) 

ベンジャミン

 >ももちん
そっちをリンクすればいいの?
後から貼り直してみます。
ありがとうございました。

PAW…ググってみるといろんなPAWがあるんですよね(笑)
せっかくの復活の機運なんとか伝わればと思います。

 >akkoさん
ページグラフ、<p>~</p>をひとつの段落にまとめるタグですよね
これも試してみます。
ありがとうございました!
by ベンジャミン (2005-11-15 07:02) 

かちん

「手足をバタバタさせて」の画像見れたよ(*^-^)
ハーボックスを真ん中に持ってくる方法、使わせていただこうかな♪
ベンジャの記事とみなさんのコメント、とっても参考になりました。m(_ _"m)ペコリ
by かちん (2005-11-15 18:23) 

toka

ベンジャさん、ごめんなさい。ソネットブログでは<br>には、スラッシュを入れなくても大丈夫でしたね。ごめんなさい、余計なことでした。
見なかったことにしてください。(>_<)
by toka (2005-11-15 21:15) 

ベンジャさん、こんばんは。ノートへのカードありがとうございました。これからどうぞよろしくお願いいたします。
可愛いスキンにひかれてロリポブログからSo-net blogに引っ越したばかりだったので、So-net blogの画像へのリンクについてのこちらの記事とコメント、とても勉強になりました。
by (2005-11-15 23:50) 

0316

(^-^)/ドモ。そういえば、うちのハーボットも左に寄っていました。
センターに表示する技、今度ためしてみようかな。
by 0316 (2005-11-16 02:37) 

ベンジャミン

 >かちん
画像へのリンクミス、ももちんが教えてくれたので直しました。
ホントいろいろ教えてもらって助かりました('-'*)

 >akkoさん
いえいえとんでもない。画像のリンクひとつ取ってもプロバイダが違うと扱いが違ってきます。
またいろいろ教えてくださいね!

 >Saiさん
こちらこそよろしくお願いします。
ハーボットに関しては無料と言うことでカウンター代わりにしか使ってなかったのでいろいろ知らないことだらけでした(^^;)
今回ハーボットのマニアさんサイトを回ってみましたが
σ(^-^)はお知らせの場所など基本的なことすらわかってなかったことが判明しました(*^^*ゞ
コパンともっと仲良くなるためいろいろ勉強します('-'*)

 >おさとる
左寄りも気にしなければ気にならないんだけど(笑)
どーやったら中央に持ってこれるのかなど
技術的な興味でいじってみました。
ドラクエみたく「ベンジャのスキルは1ポイントあがった」
と音がしたみたいですヾ(≧▽≦)ノ
by ベンジャミン (2005-11-16 10:33) 

コメントを書く

お名前:[必須]
URL:[必須]
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

トラックバック 2

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。