新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

はてブ(はてなブックマーク)ボタンが新しくなった

   

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

1年以上前の記事です。内容が古い可能性があります。

どなたかのツイートで知ったのですが、当ブログでも配置しているはてなブックマーク(はてブ)のボタンが新しくなりました。

使いやすくなりました! はてなブックマークボタン

新しいはてなブックマークボタン

スポンサーリンク
 

さっそく入れ替えてみました。ちなみに旧デザインではこんな感じに表示されてました。

旧はてなブックマークボタンによるデザイン

ソースの取得も簡単です。
上記画像のとおりフォームに必要事項を入力すると右側にソースを表示します。
が、ライブドアブログの場合(他、ブログもそうだと思いますが)ちょこっと改造が必要。

まずは、画像の通りやって得たソースが以下のとおり。

<a href="http://b.hatena.ne.jp/entry/http://webdirector.livedoor.biz/" class="hatena-bookmark-button" data-hatena-bookmark-title="地方の印刷会社Webディレクターの日記" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

これの赤字の部分をそれぞれ書き換えます。
フォームに直接入力すると例のごとくデコードしてしまうので使えません。
以下のように書き換えます。

<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>" class="hatena-bookmark-button" data-hatena-bookmark-title="<$ArticleTitle ESCAPE$> : 地方の印刷会社Webディレクターの日記" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>

あとは、今までソースの入っていた部分を差し替えればOK。

こんな感じのレイアウトになりました。

新はてなブックマークボタンによるデザイン

他のボタンとも釣り合ってますし、なかなかいい感じじゃないでしょうか?

 - デザイン, 告知・紹介・ニュース

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

お賽銭新時代、東京都港区の愛宕神社では電子マネー「楽天Edy」でお賽銭できる

1年以上前の記事です。内容が古い可能性があります。お正月取りこぼしシリーズ。って …

no image
これからはメールよりホームページに気をつけよう

1年以上前の記事です。内容が古い可能性があります。最近のマルウェア(スパイウェア …

ピタゴラスの大占術がなんとも都合がいい

1年以上前の記事です。内容が古い可能性があります。保険屋さん(日本生命のセールス …

やってそうな人はやっている。元プロ野球選手「清原和博」氏、覚醒剤所持の疑いで逮捕

1年以上前の記事です。内容が古い可能性があります。彼に関しては前からやってそうだ …

初の赤字で背水の陣に立たされた「フジテレビ」がゲームと生放送で勝負!! 新会社「フジゲームス」設立など

1年以上前の記事です。内容が古い可能性があります。なんでも、開局以来初の営業赤字 …

これでだれでもバーテンダー。でもシェイカー振ったほうがかっこいいよね

1年以上前の記事です。内容が古い可能性があります。かつて趣味でシェイカー振ってい …

no image
小型iPhoneが登場か?

1年以上前の記事です。内容が古い可能性があります。□Apple、2009年1月に …

空飛ぶ自動車「AeroMobil」が2017年に販売開始。多分日本じゃ買えないと思う

1年以上前の記事です。内容が古い可能性があります。なんと、映画の世界だけだと思っ …

ドコモ(docomo)はiPhone(アイフォーン)をまだ諦めていない

1年以上前の記事です。内容が古い可能性があります。なんか、iPadが使う3G回線 …

真実は小説より奇なり。ノンフィクション「凶悪-ある死刑囚の告発」に本当の人間の怖さを見た

1年以上前の記事です。内容が古い可能性があります。北関東三部作と銘打った「SRサ …

血液型オヤジ