はてなブログのシェア数付きコピペコードで、記事上にもぴったりのスマート版を追加です2015-05-30はてなブログのシェア数付きコピペコードで、記事上にもぴったりのスマート版を追加ですWeb制作スポンサーリンク現在編集中です。_)m6/7追記1:Pocketの高さが合わないのを修正しました。コピペコード2(2)を修正しています。7/7追記2:重大な不具合を修正しました。Life7/8追記3:cssを最適化し、サイズ感を調整。あと数字が表示されるまでにグルグルするのをhtmlに入れました。注:この記事は元記事の補完的役割をしています。前回更新した、はてなブログのSNSボタンをコピペだけでシェア数付きにするカスタマイズ。シェア数がでないという不具合が発生していたのですが、それを修正しました。www.yukihy.com今回は修正の告知も兼ねて、記事上にも合うスマート版のコピペコードをつくってみました。完成図はこんな感じです。完成した様子はこちら前回のよりもしつこさがなくなっているので、記事上なんかにもスルっとおさまってくれるのではないかと思います。スマホ版にしてもちゃんと合いますし。デフォルトのシェアボタンを記事上にすると、かなり時間がたった後にニョキニョキっと遅れて表示されます。これでは記事本文を読んでてもイライラしますし、広告の誤クリックも誘発します。このカスタマイズでは、ボタン自体はcssで表示しているので(シェア数は遅れるものの)パッとボタンが出てきて、そういったイライラも解消されるといったメリットがあります。カスタマイズPCカスタマイズですが、PC画面は、元記事の「コピペコード2」と「コピペコード4」の代わりに、下の「コピペコード2(2)」と「コピペコード4(2)」を入れてください。コピペコード2(2)貼る位置も同じです。ちなみに、前回のコピペコード2を貼ってある人は、18行目以下はすでに書き込まれているため、1~17行目のみで大丈夫です。コピペコード4(2)こちらを、ボタンを入れたい場所にコピペしてください。(記事上か記事下でお願いします)スマホスマホ版です。(レスポンシブの人は不要)元記事では、コピペコード1・5・6の三つが必要とのことでした。この中の、元記事コピペコード5の2~55行目を、コピペコード2(2)に入れ替えてくださいで、あとはコピペコード6の代わりに、コピペコード4(2)を入れれば大丈夫です。こちらも入れるのは記事上か記事下でお願いします。最後に以上で完成です。過去のものにちょっと変えただけですが、コピペコードにした方が良いと思ったので、書いてみました。活用してみてください。22:27関連記事2016-08-21当ブログのシェアボタンを使っていただいている方のFacebookボタンで不具合が生じています2!注:この記事は、元記事の補完的役割をしています。Awesome」で使えるアイコンないかなあと思ってみたら、P...2015-07-07【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします注:この記事は、元記事の補完的役割をしています。元記事:コ...2015-06-28はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です7/7追記:重大な不具合を修正しました。はてなブログPro都内に住む大学5年生だったのがこの春から社会人一年目になりました。データ分析職として働いております。Googleアナリティクス※メールでのブログカスタマイズのご依頼は現在受けておりません。@ftmaccho詳しいプロフィールはこちらから。広告依頼など重要っぽい連絡はこちらからお願いします。Life引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。