ヘルプによると、次のように書かれています。==以下引用==
①ロゴはリングのトップページから このリングのロゴを取得する をクリック
②ロゴ貼り付けタグが表示されるので、コピーする(ロゴ貼り付ける対象が はてなダイアリーの場合は「はてな用リングモジュール」をコピーしてください)
③自分のブログのテンプレートに貼り付ける (はてなダイアリーの場合はヘッダかフッタに貼り付けます)
==引用ここまで==
で、②まではわかりますが、③ではてなダイアリーのヘッダかフッタに貼り付ける、とありますがどうやってヘッダやフッタに貼り付けるのですか?
http://hatenadiary.g.hatena.ne.jp/keyword/%e3%81%af%e3%81%a6%e3%...
はてなダイアリーのヘルプ - はてなリングのバナーを貼り付ける(ringモジュール)
ご自分のはてなダイアリーの右上「管理」をクリックします。
左のメニューから「デザイン」をクリックします。
画面右端の「詳細デザイン設定」をクリックします。
画面下の方に「ページのヘッダ」「ページのフッタ」という書き込み欄があるので、お好きな方にロゴ貼付け用のタグをコピー&ペースとして書き込みます。
画面最下部で「プレビュー」ボタンを押し、デザインを確かめてから最下部の「この無いように変更する」をクリックすればokです。
ヘッダに書いた事は、主にダイアリーのタイトルの下、本文の上に。
フッタに書くと、主に本文の下やサイドバー(<div class=”sidebar”>の後に書く)に表示できます。
また、ここで書き込んだ事は「かんたんデザイン設定」を使うと消えてしまうので、「かんたんデザイン設定」を使ってデザインテーマを変える前にはヘッダ、フッタに書き込んだ事はwindows のメモ帳とかでコピー&ペーストして変更した事項を保存しておいた方がいいでしょう。
デザインを変えた後、また書き込めばいいのですし。
http://d.hatena.ne.jp/Tiger/20051108/1131467280
あそびや in はてな - ヘッダ内で、画像サイズを固定し、(無理矢理)横に並べた
>複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?
詳細デザイン設定でスタイルシートを記述することによりサイズをそろえることが可能です.
http://i.hatena.ne.jp/idea/7120
はてなアイデア - リングのロゴを「最新リング一覧」で表示される60px四方のスタイルで強制表示するモジュールオプション。もしくは表示手段。
はてなアイデアにもサイズをそろえたいという要望が寄せられています.ベットされてはいかがでしょう.
ありがとうございました。スタイルシートを記述する、というのは具体的にどこに何を書けばよいのですか?そういうことに詳しくないので、さっぱり何のことやら理解できません。シロウト向けの解説はありませんか?
先ほど書き込んだ者ですが、ロゴサイズの調整方法がわかりました。以下実験してみてください。
先ほどの方法ではてなダイアリーの「詳細デザイン設定」を開きます。
それで、ヘッダやフッタに書き込んだタグから、はてなリングのID番号を見つけます。それは、はてなリングを設置したとき、
<hatena name="ring" rid="リング名" sid="個別のID" template="hatena-module">
というタグを書き込んだと思うのですが、その「SID」で指定した4桁くらいの数字のことです。
はてなリングの一つ一つに番号があるのでそれをすべて紙にメモしておきます。
さらに画面下の部分に行くと「スタイルシート」という記入欄があるでしょう。
そちらに、以下のようなタグを書き込みます。
たとえば、ID番号が1111、1112のはてなリングに参加していて、ロゴをすべて40px(ピクセル)の幅に統一するのであれば、
/*はてなリングロゴサイズ*/
div#hatena-ring-1111 img{width:40px;}
div#hatena-ring-1112 img{width:40px;}
こう書きます。
つまり、
div#hatena-ring-ID番号 img{width:幅の大きさpx;}
と、すべてのはてなリングについて指定します。
あとは、先ほどヘッダやフッタに書いたのと同じように、画面下部のボタンで「プレビュー」し、よければ「この内容に変更する」してください。
ありがとうございます。実際にやってみましたが、うまくいきませんでした。疑問としては、
①sidはリングごとに違う番号になるのですか?私の場合は、4つのリングに参加してもすべて同じ番号(6桁)が表示されています。
②スタイルシートにはもともと書かれていたものの末尾から改行し、直後から書き加えてよいのですか?
③スタイルシートに書くのは、貴方の例によると
/*はてなリングロゴサイズ*/
div#hatena-ring-1111 img{width:40px;}
div#hatena-ring-1112 img{width:40px;}
とありますが、この1行目の、/*はてなリングロゴサイズ*/と言う文字もそのまま日本語で入力するのですか?
以上、長くなってしまいましたが、教えていただければ幸いです。
ありがとうございました。貼り付けることはできたのですが、複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?