ブログカードに[users]を表示させてみた

ブログカードに[users]を表示させてみた

| 2018年03月26日(月) |

0 |

先日導入したブログカードですが…

ブログカード導入 | ひいろんＢＬＯＧ

はてなブログやWordpress等で見られる「ブログカード」を導入してみました。

今まで見てきたWordpress(Simplicity)のブログカードや
はてなブログカードと同じように
当該記事へのはてブ数（○○users）も表示させられないかと試したところ

Yahoo! JAPAN

日本最大級のポータルサイト。検索、オークション、ニュース、天気、スポーツ、メール、ショッピングなど多数のサービスを展開。あなたの生活をより豊かにする「課題解決エンジン」を目指していきます。

こんな感じに表示させる事が出来ました[icon顔：エヘ]

っつ～事で、需要があるかは謎ですが
カスタマイズ方法を記載しておきます。。

カスタマイズ方法のみですが…

ブログカード配布元さん

ブログカードのブックマークレットを作成しました - カスタマイズ

SSL化後の悩ましい作業のひとつ。ブログカードこれまで Embedly を使ってきましたが、仕様がかなり独特なんですよね (´・ω・｀) 画像や記事概要など、必ずしもOGPに従っているわけではないもので。かといってはてなブログカードはSSLに対応できてないですし。私のブログの特定ページでEmbedlyがどうしてもOGP画像を出してくんない(笑) そしてEmbedlyは非常にカスタマイズし辛いんですね。ほとんどできないと言っ...

の許可なく勝手にブックマーク配布するわけにいかないんで…

カスタマイズのポイントだけ。。
ブックマーク内の表示させたい部分に
（フッターのドメイン表示の後ろくらい）

<a href=&quot;http://b.hatena.ne.jp/entry/'+obj.url+'&quot;><img src=&quot;http://b.hatena.ne.jp/entry/image/'+obj.url+'&quot; class=&quot;blogcard-hatena&quot;></a>

こんな風に書き込んであげればＯＫです。。
ちなみに「○○users」の部分は画像になっていて
【blogcard-hatena】というclass付けをしてあるので
位置調整とか必要であればcssを利用して良い塩梅にしてやってください[icon:音符]

2018年03月26日(月) 16:06 |