コピペで簡単！はてなブログのシェアボタンをカスタマイズ - NO TITLE
今回はシェアボタンを作ってみました。シェアボタンのカスタマイズ記事はすでにたくさんの人が書いてるので、供給過多ぎみですが… もし気に入ったデザインがあったら使ってみてください。全部で４種類作りました。作りすぎ？？ シェアボタンをデフォルトのままにしておくと、スマホでシェアボタンが表示されないことがたまにあります。機会損失を防ぐためにも、カスタマイズしておいた方が良いでしょう。 今回もこの記事をベースに、CSSでオリジナルのデザインにしてみました。 www.yukihy.com いつも参考にしてます、ゆきひーさんの記事です。ありがとうございます。 今回は長くなりそうなので目次を入れておきます。注意事項もちゃんと読んでください。 はてなブログ用シェアボタンの設置 注意事項 ベースの部分（共通部分） CSSで装飾 スタンダードなシェアボタン 斜めの光沢があるシェアボタン 光沢のあるシェアボタン、
はてなブログにバイラルメディア風シェアボタンを設置する - 太陽がまぶしかったから
バイラルメディア風シェアボタンを設置したい はてなブログにバイラルメディア風のシェアボタンを設置しようと思ったので上記を参考に作ってみました。アイコンを含めてベタなHTMLテキスト出力なので一般的なシェアボタンよりも高速に表示されます。 https://vine.co/v/O1z3dw1q3Qr アイコンにはてなブログ用の絵文字フォントを利用。 設置方法 デザイン画面の記事下に以下のHTMLを記述します。文言や表示させたいボタンなどは各自調整ください。 <div class="snsshare"> <a class="share_bookmark" href="http://b.hatena.ne.jp/entry/{Permalink}" target="_blank"><i class="blogicon-bookmark lg"></i> はてなブックマーク</a> <a class
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.ituore.com/entry/sns-share-button
