はてなリングのロゴの貼り付け方について。

ヘルプによると、次のように書かれています。==以下引用==
①ロゴはリングのトップページから このリングのロゴを取得する をクリック
②ロゴ貼り付けタグが表示されるので、コピーする(ロゴ貼り付ける対象が はてなダイアリーの場合は「はてな用リングモジュール」をコピーしてください)
③自分のブログのテンプレートに貼り付ける (はてなダイアリーの場合はヘッダかフッタに貼り付けます)
==引用ここまで==
で、②まではわかりますが、③ではてなダイアリーのヘッダかフッタに貼り付ける、とありますがどうやってヘッダやフッタに貼り付けるのですか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答3件)

id:Yuny No.1

回答回数953ベストアンサー獲得回数13

ポイント20pt

http://hatenadiary.g.hatena.ne.jp/keyword/%e3%81%af%e3%81%a6%e3%...

はてなダイアリーのヘルプ - はてなリングのバナーを貼り付ける(ringモジュール)

ご自分のはてなダイアリーの右上「管理」をクリックします。

左のメニューから「デザイン」をクリックします。

画面右端の「詳細デザイン設定」をクリックします。

画面下の方に「ページのヘッダ」「ページのフッタ」という書き込み欄があるので、お好きな方にロゴ貼付け用のタグをコピー&ペースとして書き込みます。

画面最下部で「プレビュー」ボタンを押し、デザインを確かめてから最下部の「この無いように変更する」をクリックすればokです。


ヘッダに書いた事は、主にダイアリーのタイトルの下、本文の上に。


フッタに書くと、主に本文の下やサイドバー(<div class=”sidebar”>の後に書く)に表示できます。


また、ここで書き込んだ事は「かんたんデザイン設定」を使うと消えてしまうので、「かんたんデザイン設定」を使ってデザインテーマを変える前にはヘッダ、フッタに書き込んだ事はwindows のメモ帳とかでコピー&ペーストして変更した事項を保存しておいた方がいいでしょう。

デザインを変えた後、また書き込めばいいのですし。

id:naoday

ありがとうございました。貼り付けることはできたのですが、複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?

2005/11/29 09:30:22
id:ideatester No.2

回答回数9ベストアンサー獲得回数0

ポイント10pt

http://d.hatena.ne.jp/Tiger/20051108/1131467280

あそびや in はてな - ヘッダ内で、画像サイズを固定し、(無理矢理)横に並べた

>複数のロゴを貼り付けたところ、サイズがバラバラになってしまいましたが、これらをそろえることはできますか?


詳細デザイン設定でスタイルシートを記述することによりサイズをそろえることが可能です.

http://i.hatena.ne.jp/idea/7120

はてなアイデア - リングのロゴを「最新リング一覧」で表示される60px四方のスタイルで強制表示するモジュールオプション。もしくは表示手段。

はてなアイデアにもサイズをそろえたいという要望が寄せられています.ベットされてはいかがでしょう.

id:naoday

ありがとうございました。スタイルシートを記述する、というのは具体的にどこに何を書けばよいのですか?そういうことに詳しくないので、さっぱり何のことやら理解できません。シロウト向けの解説はありませんか?

2005/11/30 00:30:10
id:Yuny No.3

回答回数953ベストアンサー獲得回数13

ポイント30pt

http://ring.hatena.ne.jp/

はてなリング

先ほど書き込んだ者ですが、ロゴサイズの調整方法がわかりました。以下実験してみてください。


先ほどの方法ではてなダイアリーの「詳細デザイン設定」を開きます。


それで、ヘッダやフッタに書き込んだタグから、はてなリングの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;}

と、すべてのはてなリングについて指定します。


あとは、先ほどヘッダやフッタに書いたのと同じように、画面下部のボタンで「プレビュー」し、よければ「この内容に変更する」してください。

id:naoday

ありがとうございます。実際にやってみましたが、うまくいきませんでした。疑問としては、

①sidはリングごとに違う番号になるのですか?私の場合は、4つのリングに参加してもすべて同じ番号(6桁)が表示されています。

②スタイルシートにはもともと書かれていたものの末尾から改行し、直後から書き加えてよいのですか?

③スタイルシートに書くのは、貴方の例によると

/*はてなリングロゴサイズ*/

div#hatena-ring-1111 img{width:40px;}

div#hatena-ring-1112 img{width:40px;}

とありますが、この1行目の、/*はてなリングロゴサイズ*/と言う文字もそのまま日本語で入力するのですか?

以上、長くなってしまいましたが、教えていただければ幸いです。

2005/12/01 22:51:15
  • id:Yuny
    訂正)スタイルシートへの書き方

    お待たせしました。先ほどの訂正と、スタイルシートへの書き方についてご連絡します。

    Q)スタイルシートに書くのは、(中略)この1行目の、/*はてなリングロゴサイズ*/と言う文字もそのまま日本語で入力するのですか?

    A)そのまま入れてください。
    「スタイルシート」欄に書くときに「/*」で始まり「*/」で終わる部分については、「コメント」(注釈)としてメモ的に入れておくことができます。この部分には何を書いても問題ありません。「*/」で終わったあとは改行してください。

    さて、ちょっと勘違いしていたのですが、はてなリングのsid番号って、各ユーザーに1つずつ割り当てられるのですね。(リング別に割り当てられるのかと勘違いしていました)

    ですから、「スタイルシート」欄には以下のように書くだけでOKだと思います。
    あなたのsidがたとえば「1111」、表示したいロゴの大きさが横40pxだとしたら。

    /*はてなリングロゴサイズ*/
    div#hatena-ring-1111 img{width:40px;}

  • id:naoday
    Re:訂正)スタイルシートへの書き方

    問題解決しました。このたびは相談にのっていただいてありがとうございました。感謝します。それでは!

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません