Simplicityカスタマイズ Twitterボタンをアニメーション化

blue-bird

以前、Bloggerで の鳥を羽ばたかせるアニメーションを作ったのですが、それをSimplicityにも移植してみました♪

こんな感じになります。

スポンサーリンク

Simplicityへの設置方法

自己責任でお願いします。

まずは、↓この画像を保存して自分のサーバーへアップロード
twitter_anime_white

Simplicityでの設定

外観カスタマイズSNS
シェアボタンのタイプ(PC)を、バイラルタイプ(高速)へ 

シェアボタンのタイプ(モバイル)は、どちらでも対応できます。
デフォルト(アイコン)
バイラルタイプ

CSSの追加

12行目にはアップロードした画像のURLを入れて下さい。

32~42行目は、シェアボタンのタイプ(モバイル)デフォルト(アイコン)にする方のみ記述して下さい。

モバイル:デフォルト(アイコン)
モバイルアイコン・デフォルト

モバイル:バイラルタイプ
モバイルアイコン・バイラルタイプ

HTMLの書換え

現時点での安定版Simplicity1.6.0を使用しています。

Simplicity1.6.0: sns-buttons-icon.phpを編集するため必ずバックアップをとって下さい。

sns-buttons-icon.phpを開くと上から↓このように書かれています。

↑のハイライトした10行目の中から

↑これと同じタグを1つ探して、↓のclass名に書き換えます。

保存してブログを再読み込みすると の鳥が動き出したと思います。(^_^)v

以上!お疲れ様でした。(^^)/

おすすめ

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る