【画像有り】はてなブックマークボタンのWordPress.comへの設置方法判明!共有します☆当ブログにやっとはてなブックマークボタンを導入★

 

WordPress(インストール型)(中級者向け)ではなく、「Wordpress.com」(初心者向け)のブログへの、「はてなブックマークボタン」設置の仕方が分かりましたよー!!(今更?笑)

 

コレコレ!このビジュアル!
コレコレ!このビジュアル❤しゃれ乙なWordpressの見た目にフィットするボタン❤ちなみに、左上に見えてるのが、はてな公式提供のボタン。

 

はてなサポートが即レスくれてました

およそ二時間でレス下さってたようです。有り難い!はてなブックマークのWordpresscomへの実装の仕方

 

では、詳しいやり方の解説!

画像を用意しときます。

できれば公式配布のシンプルグレーなボタンが欲しい所ですが、残念ながら配布されていないので…自作。

Windowsに入っているペイントソフトでも、太めのフォントでB!とするとそれなりに見えると思います。

サイズは、Wordpress.comでは16×16と書かれていますが、少々大きくても適当に見た目上はリサイズして表示してくれます。私のは46×46で作ってマス。私はInkscapeというフリーソフトを使って、Rounded M+というフリーフォントの2P heavyを選択してます。本家に似せる意図は毛頭ありませんが、B!という文字列だとヒネラナイ状態でこのビジュアルに…。不正競争防止法、著作権法等のクリアは各自でご解決下さい。 私はInkscapeというフリーソフトを使って、Rounded M+というフリーフォントの2P heavyを選択してます。本家に似せる意図は毛頭ありませんが、B!という文字列だとヒネラナイ状態でこのビジュアルに…。不正競争防止法、著作権法等のクリアは各自でご解決下さい。。

画像を用意したら、Wordpress.comの自分のブログのダッシュボードで、アップロードし、画像のURLをコピーしておく。

ブラウザでWordpress.comにログイン、自分のブログの「ダッシュボード」で…

メニューは、ダッシュボード>設定>共有

Wordpresscom x hatenabookmark

でもって、その画面の中ほどの、共有ボタン>新サービスを追加

でっす。Wordpresscom x hatenabookmark 2

あらわれた三つのボックスには、それぞれ、

  • サービス名:はてなブックマーク
  • 共有URL:http://b.hatena.ne.jp/my/add.confirm?url=%post_url%
  • アイコンURL:(上のアップロードした画像のURLをペースト)

と入力します。二つ目の、「http://b.hatena.ne.jp/my/add.confirm?url=%post_url%」というやつが、今回はてなさんの回答で得られた情報ですね。

動作確認して、完了。

これで、しゃれ乙デザインのブログサービス、Wordpress.comに居ながらにして、はてなブックマークのソーシャル力に乗っかれるかも!!??

 

…そうなってくれい!

 

…てな感じです。たぬ子でした~。

広告