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のカテゴリで本日よく読まれてる記事

  1. お洒落で即使えそうなCSS その1

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

 タグ関連記事

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

ブログ管理者などによく売れてる本です

コメントを残す

更新情報

ご挨拶  更新日: 11月05日
20180121041301.jpg
simplicity2のグローバルメニューにアイコンを入れる方法

simplicity2に簡単コピペで出来るサンプルをザックと書き残

20180114005419.jpg
WordPressテーマ国産品の無料テーマchameleonの紹介

chameleonの特徴 1、シンプル なデザイン 2、ヘ

PAK58_kiokuyorikiroku_TP_V.jpg
エックスサーバーでSimplicityをカスタマイズしても反映されない

久々にwordpressテーマSimplicityのカスタマイズを

74281b8770b9cc5360dbb3bb37f84352_s.jpg
グローバルメニューをスクロール固定する【Simplicity2】

グローバルメニューをヘッダーの一番上に固定する方法を紹介したいと思い

b27a471af36017d6c98acf63487003b3_s.jpg
LiteSpeed CacheをONにするとアフィリエイト広告が表示されない現象

アフィリエイト広告を貼り付けても広告が表示されない現象 問題は

→もっと見る


スポンサードリンク