アメブロにfacebook,+1,はてブボタンを追加する
アメブロで本格的に記事を書き始めてまだそんなに時間がたっていないのですが、
なかなか思った通りにカスタマイズできなかったり、
こんな機能とかプラグインとかあればいいのに…と思う事がとても多いです。。
デザインも現段階ではテンプレートなので
自由度が低いのはしょうがないのですが…
今回やりたかったのは、
ブログ記事の下にFacebook、+1ボタン、はてなブックマークボタンを追加すること。
これです↓
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/15/soho-college/cc/c6/j/o0400006111427721748.jpg?caw=800)
設置方法については
わざめーばさん
のブログを参考にさせてもらいました
![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
コードも提供してくれていて、とても助かりました。
どうもありがとうございます!
ということで今回の記事は、
記事の下のボタン押すとどうなるの??
というところをご紹介します。
追加したgoogle+ボタン、はてなブックマークボタン、Facebookボタンについてはまた別の記事に…
今回はデフォルトでついている3つのボタンの説明です◎
使いなれている方にはちょっと簡単な内容ですが
今からSNSいろいろはじめるって人にお役に立つとうれしいです
↓
ブログ記事の下のSNSボタンを押すとどうなるの??-投稿編-
今回は
「なう」「mixi」「ツイートする」
の3つからご説明します。
今回追加で設置したボタンについては思ったより書く事がたくさんあったので、
次回記事にピックアップしたいと思います…
この3つは、amebaブログの標準でついています!
3つともほぼ同じ使い方です!
簡単投稿ができるので、
おもしろい記事を見つけたら簡単に投稿◎
私は特にtwitterでは、
面白い記事やデザイン系の役立ちそうな記事についてみつけたら
すぐにこのボタンを見つけてクリックしてます◎
なうで紹介ボタン
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/c8/e0/j/o0400005311428047925.jpg?caw=800)
これを押すと…
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/6c/6d/j/o0400013411428016325.jpg?caw=800)
amebaなうの投稿画面に、ブログタイトルとURLが自動で入力されます。
画面はイラストレーターCS5:効果から「矢印にする」が消えた
の過去記事の場合です。
いいなと思ったブログを紹介することができます◎
この「なう」、まだ全然使いこなせてないです。
ブログを更新したときは投稿していますが、
今後もっともっと活用して行きたいと思ってます
![あせる](https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif)
mixiボタン
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/3f/5c/j/o0400005311428036900.jpg?caw=800)
こちらも「なう」同様、mixiで投稿できます。
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/25/92/j/o0400015611428044273.jpg?caw=800)
twitterボタン(ツイートするボタン)
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/a3/cf/j/o0400005311428036899.jpg?caw=800)
こちらも同じ◎一瞬で投稿できます♪
![$SOHO College Blog](https://stat.ameba.jp/user_images/20110819/18/soho-college/c9/93/j/o0400013111428051614.jpg?caw=800)
投稿ボタンがついていると、
コピペすることなく投稿できるので便利ですよね。
![ペタしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_19.gif)
![読者登録してね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_22.gif)
![フォローしてね](https://stat100.ameba.jp/blog/ucs/img/decoPeta/pc/decoPeta_23.gif)