はてなブログシェア数付きSNSボタンカスタマイズで3D風ボタンコピペコードを追加です2015-06-20はてなブログシェア数付きSNSボタンカスタマイズで3D風ボタンコピペコードを追加ですWeb制作スポンサーリンク7/5追記1:コピペコード2(3)とコピペコード4(3)を修正しました。none;」の追加(コード2)。エラーが出ていたHTMLの修正(そのままでも動くけど)(コード4)。読み込んでる人限定)(コード4)。7/7追記2:重大な不具合を修正しました。Life注:この記事は元記事の補完的役割をしています。Lifeお久しぶりです。3週間ぶりの更新になります。実習によって更新をおさえていたので、これからガンガン更新していきますよ!で、この3週間ではデザインなんかを適当にいじったりしました。今回はシェアボタンのカスタマイズです。実装図はこんな感じです。PC版スマホ版よくある3Dのボタンにデザインしてみました。それぞれのボタンにマウスを載せると、ボタンが下がるようになっています。www.yukihy.comの一部分を変更しています。PC版PC版は、元記事のコピペコードの2とコピペコード4の代わりに、下のコピペコード2(3)とコピペコード4(3)を貼り付けてください。まとめるとコピペコード1コピペコード2(3)コピペコード3コペペコード4(3)それぞれの貼る位置も元記事と同じところです。コピペコード2(3)CSSです。貼る位置は「デザインcss」です。元記事のとmixで使いたい方は、下のHTMLのコードと一緒に指定する部分を変えていただければと思います。コピペコード4(3)こちらがHTMLですので、記事上か記事下(自分がボタンをおきたいとこ)に入れていただけると表示されると思います。スマホ版スマホ版はコピペコード1コピペコード5コピペコード6の3つを入れていただければ良いのですが元記事のコピペコード5の2~55行の部分を、コピペコード2(3)に変えていただく元記事のコピペコード6の代わりにコピペコード4(3)を、記事上か記事下に差し込んでいただくの2点を行っていただければ、変更されると思います。最後に以上でカスタマイズは終了です。Insightsだと点数は変わりませんが、体感で早くなったように感じます)。不具合などや、質問・改善案・リクエストなどがありましたが、いつでも承っています。21:21関連記事2015-09-11はてなブログのシェア数付きソーシャルボタンカスタマイズでフラットボタンのコピペコードを追加です。Awesome」で使えるアイコンないかなあと思ってみたら、P...2015-07-07【お知らせ】当ブログで配布していたSNSボタンに関して重大なミスがありますので修正をお願いします注:この記事は、元記事の補完的役割をしています。元記事:コ...2015-06-28はてなブログシェア数付きSNSボタンでさらにオシャレな吹き出しコードを追加です7/7追記:重大な不具合を修正しました。はてなブログPro都内に住む大学5年生だったのがこの春から社会人一年目になりました。データ分析職として働いております。Googleアナリティクス※メールでのブログカスタマイズのご依頼は現在受けておりません。@ftmaccho詳しいプロフィールはこちらから。広告依頼など重要っぽい連絡はこちらからお願いします。Life引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。