黒姫のお絵かき帳

黒姫朱理が描いたイラストと何か思いついた内容を綴ってゆく日記です。

シンプルなシェアアイコンモバイル版

drow.opheliapm.com

今朝作ったシェアアイコンのモバイル版だけが欲しいという方がいらしゃったので
それ用に配布、一応上記のはPC版&モバイル版になっております。

導入方法

1. jQuery + awesome icon 導入

/*ここから*/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

/*ここまで*/

上のmobile.jsの貼り方

<script type="text/javascript">
<!--

https://gist.github.com/KurohimeAkari/b55206d7fd639ef33a0b

( コピペしてこの<!-- と --> の間に導入してください この文は削除してください)

-->

</script>

 

で導入してくれると一番嬉しいのですが、難しくて分からない方の為に

<script src="http://opheliapm.com/hatena/js/mobile.js"></script>でも良しとします。
【注意】▲アクセス数が増えてしまった場合は止む終えなく削除させていただくこともあります。

完成イメージ

f:id:yulime:20151130142649p:plain

もしくは

f:id:yulime:20151130142652p:plain

な感じに編集できるとOKです!

モバイル版のみの場合は PC版のShere.cssは必要ありません!!

PC版の公式シェアアイコンについて

設定はチェックONでよろしいです。PC版はPC版で動きますので問題はないです!

どっちも変えたい場合は「シンプルなブログShereアイコンを作った。」の記事へ

広告を非表示にする