Blogger対応!!わたしのブログパーツをご紹介。〜共有ボタン編・忍者おまとめボタン〜

意外と需要があるようです、このシリーズ(*´ω`*)
いつもありがとうございます!!

今回は共有ボタンを紹介します。
これはBlogger以外にも対応しておりますよ〜〜。

スポンサードリンク





共有ボタンとは


共有ボタンはこのことです。


アクセスアップのオトモとして、
ブログ運営には欠かせないブログパーツです( ・`ω・´)

Bloggerの標準機能として共有ボタンも用意されているのですが、
とっても控えめなサイズ&イマイチなデザイン・・・

共有ボタンのソースはたくさん転がっているけど、
Bloggerでの適用方法はいまいちわかんない。・゚・(ノД`)・゚・。

そんなとき、忍者おまとめボタンに出会いました!

こんな感じ!!!



【SSL対応】簡単設置!ツイートボタン、いいねボタン、はてブ、LINEボタン|忍者おまとめボタン

『忍者おまとめボタン』は、ツイートボタン、いいねボタン、Google+、はてなブックマーク、RSSリーダー登録などソーシャルボタン、オンラインブックマークボタン、RSS登録ボタンを手間無く簡単にまとめて設置できるサービスです。【SSL対応】



作成方法


まずは、設置するWEBサイトを選択。

対応ブログはこちら。

  • 忍者ブログ
  • FC2ブログ各
  • livedoor blog
  • JUGEMブログ
  • Seesaa ブログ
  • Blogger
  • Tumblr
  • WordPress
  • MovableType
  • その他のブログ、その他のホームペー

こんなにたくさんのブログに対応しています。


ここで、Bloggerを選択し、
次ページに進みます。

次ページでは、共有ボタンのスタイルを選びます。


選ぶのに迷っちゃうほどたくさんのスタイルがあるんです!
自分でスタイルのカスタマイズもできます。


次のページでは、表示するボタンや順番が選べます。

数もカスタマイズできるし、変更した設定に合わせて
プレビューも変化するので、実際のボタンイメージがつかみやすいのも助かります♫

自分好みのボタンができたら、後はコードをコピーして、
自分のブログの表示したい箇所にペーストするだけです。

わたしは、サイトのヘッダーと、記事下に配置しています。

Bloggerへの設置方法

わたしは、レイアウトを利用しています。


左メニューバーのレイアウトから、
表示したい箇所のウィジットを追加を選択し、


こちらの、HTML/JavaScript追加にコピーしたコードを貼り付けるだけです。

まとめ

自分で0からカスタマイズする方法はごろごろと転がっているんですが、
こんな感じでセットで提供されていると、簡単だしわかりやすくて
とっても助かりました〜〜( ;∀;)

しかも、デザインもシンプルで自分のサイトの邪魔にならず、
自然に共有ボタンがある感じがとっても気に入っています。

他にもいろんなアイコンがあるので、忍者おまとめボタンから
みなさんのお気に入りの共有ボタンを見つけてみてください♫


今回の記事はどうでしたか・・・?


現在、仕事と両立しながらブログ運営しています。

そのため、更新は不定期ですが、
読者登録、応援ポチポチして頂けると
更新の励みとなります!!!ぜひよろしくお願いしますm(_ _)m

ブログランキング・にほんブログ村へ   

Twitter、インスタグラムも更新中です。
よかったら合わせてチェックお願いします♫

自作LINEスタンプも販売中です!

figarokun's stamps - LINE stickers | LINE STORE

figaro's stamps



スポンサードリンク






コメント

  1. 本当にためになる記事で助かりました。ありがとうございます!

    返信削除

コメントを投稿