ブログ

Twitter・はてブなどのソーシャルボタン表示を変更 - はてなブログのカスタマイズ -

投稿日:2015年11月27日 更新日:

先日ついにTwitterのツイート数カウンタが廃止になりましたね。それに伴いはてなブログ標準のソーシャルボタン(Twitter )の表示がカッコ悪い感じになってしまったのでこれを機に少しカスタマイズしました。

スポンサーリンク

Twitterのツイート数カウンタ停止

ツイート数のカウンタが停止になったことによってこれまで以下のようにツイート数(下の画像では"47")を表示できていたものが、これから表示できなくなりました。

この影響により、はてなブログの設定でツイートボタンを表示している本ブログではデザインが崩れて表示されてしまっています。

はてなブログのデザイン設定から"ツイートボタン表示"にした場合

はてなブログのデザイン変更画面からソーシャルパーツの表示・非表示が設定できますが、ここで "ツイートボタン"  を表示するにします。

そうすると、現状以下のような表示になります。

"ツイート" の表示のところだけデザインが異なりますね。カッコ悪いです…。わたしのブログでもこの設定を有効にして使用させてもらっていました。そのため、数日前からこのようなイケてない表示に変わってしまいました。

まぁ、(そもそもツイートされることなんてほとんど無いんだから)今のままでも問題はありませんが。でもやっぱりカッコよくしたいので、これを機に変更をしました。(といってもコードをコピペさせてもらっただけですが…)

はてなブログのデザイン設定以外でソーシャルボタンを表示する方法

こちらの記事を参考にさせていただきました。非常にわかりやすかったです。Yukihy Life様ありがとうございます。
こちらを参考にさせてもらい当ブログにも反映しました。このような感じです↓まずは記事の上部に表示するようにしました。

さらに記事の下部にも表示するようにしました。自分が表示したいところに表示できるのがうれしいですね。(といってもはてなブログのデザイン設定のほうでも記事上部・下部表示は選択できますが)

スポンサーリンク
スポンサーリンク

満足です!

デザインも崩れることなく前のボタンよりもカッコよくなり大満足です!あとはこのソーシャルボタンを有効活用できるような記事を書くだけだな! …( ;∀;)

せっかくだからシェアしてくれてもいいんだよ?

関連コンテンツ

アドセンス パソコン


スポンサーリンク

関連コンテンツ

おすすめ記事!

1

2017.2.28 更新:新作ゲーム追加 時間つぶしはもちろん、がっつり本格的にやりたい人にもおすすめのゲームアプリをランキング形式で紹介していきます。 ここで紹介するアプリは全て無料でダウンロード& ...

2

スマホ内の画像を整理していたら、酵素ダイエット(ファスティング:酵素断食)に挑戦した時の写真が出てきたので、私が経験した酵素ダイエット(断食)についてレポートしようと思います。(もう2年以上前の話です ...

3

更新:ドライヤーについて現役美容師さんの声&実際に私が体験した感想を追加 8月31日放送の「モシモノふたり」ではるな愛さんが使用していたドライヤー&フラッシュ脱毛器が気になったので調べてみました! お ...

-ブログ

Copyright© いやまいったね! , 2017 All Rights Reserved.