新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

10月1日東京駅完全リニューアルオープン。プロジェクションマッピングはクリスマスに再び

1年以上前の記事です。内容が古い可能性があります。先日、野暮用で東京駅に行ったの …

日本では子供の数よりペットの数のほうが多く、赤ちゃんのおむつより老人のおむつのほうが売れている【少子化問題】

1年以上前の記事です。内容が古い可能性があります。Tumblrの過去ログ読んでい …

携帯サイト(ケータイサイト)の作り方Part2

1年以上前の記事です。内容が古い可能性があります。携帯サイト作成に関するすばらし …

10代、20代女子とお友達になりたかったらLINE(ライン)だ!

1年以上前の記事です。内容が古い可能性があります。いろいろ使い方はあると思います …

no image
各少年マンガ誌がこぞって無料配信へ

1年以上前の記事です。内容が古い可能性があります。口火を切ったのは「少年ジャンプ …

ビットコインは広がるのか?「三菱東京UFJ銀行」がビットコイン取引所「Coinbase」に出資

1年以上前の記事です。内容が古い可能性があります。以前から、現金が無くなってしま …

no image
山手トンネル開通

1年以上前の記事です。内容が古い可能性があります。首都高池袋―新宿間が開通、22 …

no image
仕事速過ぎない?(M-1優勝サンドウィッチマン)

1年以上前の記事です。内容が古い可能性があります。さっきM-1グランプリ見終わり …

no image
iPad日本でも遂に発売! 【今週のトピック】

1年以上前の記事です。内容が古い可能性があります。遂に出ましたね。twitter …

no image
これでドラマ見逃しゼロ。「日テレ」が見逃した番組を一週間無料でオンデマンド配信中

そこにはなんと、「放送終了後7日間無料配信中!」とあり、「あの人気番組の無料試聴はコチラ!」とリンクが張ってありました。
その、飛び先が以下のサイトです。

□ 日テレいつでもどこでもキャンペーン

全部のドラマが対象というわけではないようですが、放送してから一週間はネット上で無料で配信するサービルを行っているようです。
ドラマだけでなく、バラエティ番組なども対象になっているみたいですね。 

実はうちにはテレビがありません。
そこで、娘なんかは隣の親父宅へ出張してテレビを見たりしているのですが、
それにしても時間帯のあわないドラマなんかは結構あるようで、普段は録画してみることが普通。
ただし最近はその録画も忘れてしまうことがあるようで、それがために「日テレ」と「フジテレビ」に関してはオンデマンド会員になっています。
オンデマンドの場合は有料でポイントを使えば見逃したドラマも見ることができるのですが、このサービスでは見逃して一週間経っていなければポイントを使わず無料で見ることができるのですね。

「明日、ママがいない」以外にも「戦力外捜査官」もこのサービス(日テレいつでもどこでもキャンペーン)の対象になっているようですね。
実は、 「戦力外捜査官」の第一話の犯人役の中学生は娘の中学の1年先輩だったりして、娘自身、見逃したことを後悔していたようでした。
まあ、1話に関しては結局オンデマンドでポイント使ってみたのですが、2話以降、見逃してもポイントを使わず見れるってのは嬉しいです。
それと、テレビがない家族にとってはテレビ同様、無料でパソコンで見れるっていうのもプラスです。

ということで、全部のドラマが対象でないのは残念ですが、上記二つのドラマに関しては、もちろん、見続けるつもりでいます。
このパソコンでw

血液型オヤジ