ザツログ

雑学、幕末、80年代、ブログカスタマイズ、ITトラブルシューティングなど。

MENU

『忍者おまとめボタン』でソーシャルボタンをブログに簡単設置

f:id:maekeeeeen:20141018110623j:plain

ブログに設置するソーシャルボタンは、『忍者おまとめボタン』を使用すれば簡単に設置できます。

 

『忍者ツールズ』に新規登録し、ボタンを作成

①下記の『忍者おまとめボタン』のサイトにアクセスし、右上に表示されている『新規ユーザー登録』より『忍者ツールズ』に新規登録します。

 

②ユーザー登録完了後、『忍者ツールズ』にログインし、『新しいサービスを追加する』をクリックします。

f:id:maekeeeeen:20141018135229p:plain

 

③右下にある『忍者おまとめボタン』の『ツールを作成』をクリックします。

f:id:maekeeeeen:20141018135655p:plain

 

④『忍者おまとめボタン』を設置するブログサービスを選択します。

はてなブログの場合は、『その他のブログ』を選択します。

f:id:maekeeeeen:20141018140326p:plain

 

⑤おすすめセットから選択する事もできますが、ここでは『自分でカスタマイズして選ぶ』を選択します。

f:id:maekeeeeen:20141018140655p:plain

 

⑥設置したいボタンの『追加する』をクリックすると、下部の『追加されたボタン』に追加されます。

f:id:maekeeeeen:20141018142958p:plain

 

⑦ボタンの選択が終われば、右下にある『プレビュー&コードを取得する』をクリックします。

f:id:maekeeeeen:20141018235432p:plain

 

⑧『ならびかた』『表示位置』『スマートフォン表示』の各項目をそれぞれ選択し、『ボタン管理(ホーム)』をクリックします。

f:id:maekeeeeen:20141018235844p:plain

 

⑨『コード』をクリックし、『コードをコピーする』をクリックします。

f:id:maekeeeeen:20141019000320p:plain

 

⑩コピーしたスクリプトコードをブログに張り付ければ、ソーシャルボタンが表示されます。
はてなブログの場合は、管理画面より、『デザイン』 > 『カスタマイズ』 > 『記事』 > 『記事下』に貼り付ければ、ソーシャルボタンが表示されます。

 

次に、作成したソーシャルボタンを追尾型にしてみましょう。