stingerをバイラルメディア風ボタンに変えてみました

公開日:2015年6月24日  CSS 

閲覧所要時間: 約 1

バイラルメディア風ボタンの作り方

私のブログはJetpackのプラグインを使っているので共有ボタンを使うよう使用を変えてみました。
Jetpackの共有ボタンにないものをバイラルメディア風ボタンに変えました。

以前はこんな感じ↓
20150624030727

現在は↓のようになってるハズなんだけどwww
20150624041044

バイラルメディア風ボタンの作り方

1.CSSに以下を追加
CSSの数値などは適当に変えてください。

2.次にHTMLの追加です
stingerの場合はsns.phpに以下を書き換えればOKです。

以上でバイラルメディア風ボタンの完成です。
後は自分の好みに微調整してください。

今回バイラルメディア風ボタンに変えようと思った訳は2つ3つあります。
私のようなブログだとシェアが無いのでカウント数を取りたかった。
公式のものだとたまに読み込みが遅い時もある気がした。
流行に乗り遅れないようwww
次はwebフォントアイコンとjetpack共有ボタンを好きな位置に設置する方法を書くと思います。

CSSのカテゴリで本日よく読まれてる記事

まだデータがありません。

 関連記事-こちらもどうぞ

 タグ関連記事

関連する記事は見当たりません…

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20171005204003.jpg
Auto Post Thumbnailが使えなくなった

無料テーマSimplicityを使えば自動アイキャッチ画像が出来る

20171114140704
Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時

MixHostのサーバーでWindows live writte

20171106070902
WordPressテーマ国産品の無料テーマBLACK-WHITEの紹介

シンプルを追求した WordPress 無料テーマ であなたのブロ

20171105190531
wordpress国産品テーマDROPの紹介

ドロップショッピング用に作られたwordpress無料テーマのテーマ

20171104161218
wp-includes/SimplePie/Parse/Date.php on line 694のエラーが表示される

PHP7系では数値型エラーが出力されてしまう WordPres

→もっと見る


  • Windows live writterから投稿すると頻繁に403エラーで使い物にならない時やアカウントの追加が出来ない時へのコメント (mixhostを使っての感想を書いていきます | 時代は変わる(PCやネット関連)より[11/14]) […] Windows live writterから投稿すると403…
  • レスポンシブをサクッと解除する方法へのコメント (レスポンシブデザインを解除してスマホでもPC表示にする方法 - 週間後藤隊長より[06/18]) […] 参考サイト […]
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (優香より[02/17]) お返事遅くなり申し訳ございませんでした。 wordpress popular p…
  • そのままでは危ないWordPressの設定へのコメント (【重要】WordPress4.7と4.7.1の人は4.7.2にすぐにアップデートしましょう! | 時代は変わる(PCやネット関連)より[02/12]) […] そのままでは危ないWordPressの設定マメにWordP…
  • Shortcodes Ultimateをどこにでも表示出来るようにするへのコメント (HYより[02/09]) この記事大変参考になりました。 すみません。一つご質問があります。 「Wor…

    スポンサードリンク