pagetop

>このブログのトップ

＜  November/2007  

S M T W T F S
        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  

最新記事の表示

カテゴリー表示

月別アーカイブ

最新コメント

最新トラックバック

プロフィール

プロフィール
名前 yohko
自己紹介 ヘボはヘボなりに、まったりとやっていきたいと思っています。
どうぞよろしくお願いします。
趣味 漫画
好きな
食べ物		 タン塩　レバ刺し　ユッケ

読者登録

あなたもこのBlogの読者になりませんか？

現在の読者数 0 人

メールアドレス



前の記事│ 次の記事

はてなブックマーク

2007-08-28

PwBlogでも、はてなブックマークに参加できる様にしてみました。
やっとソーシャルブックマークってのが何なのか、理解できて来た。

  • 自分のブログにb_entry.gifボタンを表示させる
    ここを見ながら、おっかなびっくりやってみました。

  • 自分のブログに被ブックマーク数を表示する
    これはうまくいってるのかどうか、ちょっと見てもわからないなぁ。


    • どうなんでしょ。
    ……と思ったら、どうもうまくいった様なので、PwBlogでのやり方を説明します。
    caution
    このBlogを参考にして、デザインテンプレートを編集した結果、何か不具合が生じても、当Blogの管理人は一切保証いたしません。
    ご自分の責任において、編集してくださいまし。

    文中の＜,＞,＝は、全角で書かれています。実際に編集する時は、半角で書いてください。


    1. まず、http://d.hatena.ne.jp/images/b_entry.gifからb_entry.gifをダウンロードします。


    2. 管理画面からファイルアップロードを使ってアップし、画像のURLをメモなどに控えておいてください。
      ここまでは、はてなでも説明されている通りです。


    3. デザインテンプレート編集で、はてなブックマークを付けたい部分に、以下の様に挿入します。

      ＜a href="http://b.hatena.ne.jp/entry/＝CGIQUERY_ubc_url＝"＞＜img src="アップロードした画像のURL" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /＞＜/a＞

      はてなブックマークのボタンを付けたいだけの方は、ここでおしまいです。


    4. 被ブックマーク数を表示させたい方は、以下の様に挿入します。

      ＜a href="http://b.hatena.ne.jp/entry/＝CGIQUERY_ubc_url＝"＞＜img src="http://b.hatena.ne.jp/entry/image/＝CGIQUERY_ubc_url＝"＞＜/a＞

      はてなのヘルプも参照してください。


    5. 私の場合、「続きを読む」の下に表示させたかったので、デザインテンプレート編集で『ブログトップ』『ブログ記事』『月別アーカイブ2』『カテゴリー』『検索結果ページ』で

      ＜p class="posted"＞

      と書いてある部分の上に、以下の様に挿入しました。

      ＜p class="hatenab"＞＜a href="http://b.hatena.ne.jp/entry/＝CGIQUERY_ubc_url＝"＞＜img src="アップロードした画像のURL" width="16" height="12" style="border: none;" alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /＞＜/a＞＜a href="http://b.hatena.ne.jp/entry/＝CGIQUERY_ubc_url＝"＞＜img src="http://b.hatena.ne.jp/entry/image/＝CGIQUERY_ubc_url＝"＞＜/a＞＜/p＞


    6. デザインテンプレート編集で『CSSファイル』を選び、以下の様に追加しました。

      /* hatena bookmark */
      div.ubc p.hatenab {
      margin-top: 0pt;
      margin-right: 5px;
      margin-bottom: 5px;
      margin-left: 5px;
      text-align: right;
      font-size: 85%;
      }


    これで、以下の様に表示される様になりました♪

    PwBlogではてなブックマーク

    このエントリーをはてなブックマークに追加このエントリーを含むはてなブックマーク

    Posted by yohko 05:31:39 │Comments(0) │TrackBack(0)

    記事を評価する

    ☆☆☆☆☆[5 pt.]
    ☆☆☆☆[4 pt.]
    ☆☆☆[3 pt.]
    ☆☆[2 pt.]
    ☆[1 pt.]

    関連記事表示

    この記事へのトラックバックURL

    この記事へのコメント

    名前
    メール
    URL
    コメント

    ▲ページの先頭へ

    過去のアンケート

    blog内検索

    お役立ちリンク集

    ブックマーク

    ただいまのおすすめ

    すべらない名無し

    サイトマップ