| BBS | COMMENT | TRACKBACK | CATEGORY | LINKS | ARCHIVE | GALLERY |
TOTAL PV
ブログカードに[users]を表示させてみた
あとで読むはてなブックマーク - ブログカードに[users]を表示させてみた | 2018年03月26日(月) | 0 | 0 | 記事編集
ブログカードに○○usersを表示させる
先日導入したブログカードですが…

ブログカード導入 | ひいろんBLOG

はてなブログや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>

こんな風に書き込んであげればOKです。。
ちなみに「○○users」の部分は画像になっていて
【blogcard-hatena】というclass付けをしてあるので
位置調整とか必要であればcssを利用して良い塩梅にしてやってください[icon:音符]
2018年03月26日(月) 16:06 | ネット > 改造メモ | 0 | 0 | 記事編集
  • 0

  • 0

  • 0

  • 0

  • 0
  • 0
  • コメント[0]
  • Facebookコメント[]
  • はてブコメント[]
  • Twitter[]

まだこの記事へのコメントはありません。

コメントする

icons:

 
トラックバック

まだこの記事へのトラックバックはありません。

ランキング参加中:応援(クリック)よろしくお願いします
  ブログランキング・にほんブログ村へ ブログ王ランキングに参加中! .*:゚(・ω・人)゚:*.
【ネット > 改造メモ】の最新記事
FaceBookページ応援よろしくおねがいします〜(^▽^
  • SEOブログパーツ
ひいろん
  • 【ひいろん】
  • 性別:おっさん
  • 住所:静岡県
  • 愛車:RX-8