アメブロにSNS(ソーシャルネットワーク)ボタンを設置してみました | グラフィック・Webデザイナーのネタ | SOHO-College

グラフィック・Webデザイナーのネタ | SOHO-College

仕事や転職に役立つ情報も発信してます。グラフィクデザイン・Webデザイン・イラスト・アクセスアップや集客の為のWebマーケティングに関するノウハウもご紹介!ぜひご覧ください◎


$SOHO College Blogアメブロにfacebook,+1,はてブボタンを追加する



アメブロで本格的に記事を書き始めてまだそんなに時間がたっていないのですが、
なかなか思った通りにカスタマイズできなかったり、
こんな機能とかプラグインとかあればいいのに…と思う事がとても多いです。。

デザインも現段階ではテンプレートなので
自由度が低いのはしょうがないのですが…

今回やりたかったのは、
ブログ記事の下にFacebook、+1ボタン、はてなブックマークボタンを追加すること。

これです↓
$SOHO College Blog

設置方法については
わざめーばさん
のブログを参考にさせてもらいましたニコニコ

コードも提供してくれていて、とても助かりました。
どうもありがとうございます!





ということで今回の記事は、
記事の下のボタン押すとどうなるの??

というところをご紹介します。
追加したgoogle+ボタン、はてなブックマークボタン、Facebookボタンについてはまた別の記事に…
今回はデフォルトでついている3つのボタンの説明です◎



使いなれている方にはちょっと簡単な内容ですが

今からSNSいろいろはじめるって人にお役に立つとうれしいです





$SOHO College Blogブログ記事の下のSNSボタンを押すとどうなるの??-投稿編-




今回は

「なう」「mixi」「ツイートする」
の3つからご説明します。

今回追加で設置したボタンについては思ったより書く事がたくさんあったので、
次回記事にピックアップしたいと思います…


この3つは、amebaブログの標準でついています!
3つともほぼ同じ使い方です!

簡単投稿ができるので、
おもしろい記事を見つけたら簡単に投稿◎

私は特にtwitterでは、
面白い記事やデザイン系の役立ちそうな記事についてみつけたら
すぐにこのボタンを見つけてクリックしてます◎




なうで紹介ボタン


$SOHO College Blog


これを押すと…


$SOHO College Blog


amebaなうの投稿画面に、ブログタイトルとURLが自動で入力されます。
画面はイラストレーターCS5:効果から「矢印にする」が消えた
の過去記事の場合です。

いいなと思ったブログを紹介することができます◎

この「なう」、まだ全然使いこなせてないです。
ブログを更新したときは投稿していますが、
今後もっともっと活用して行きたいと思ってますあせる



mixiボタン


$SOHO College Blog

こちらも「なう」同様、mixiで投稿できます。


$SOHO College Blog





twitterボタン(ツイートするボタン)


$SOHO College Blog


こちらも同じ◎一瞬で投稿できます♪

$SOHO College Blog




投稿ボタンがついていると、
コピペすることなく投稿できるので便利ですよね。



ペタしてね読者登録してねフォローしてね