アメブロとツイッターを連動させる方法
今回は折角はじめたアメブロと、せっかく始めたツイッターを連動させてみましたので、
ご紹介します。アメブロを書いている方で、twitterをしている方も多いと思います。
個々に書いた記事を連動させて、相乗効果を期待しましょう。
今回行なったのはこの3つ
1.アメブロ画面にtwitterの「フォローミーボタン」をつけてみる
2.ツイッターの最新記事をアメブロのサイドバーに配置する
3.アメブロ投稿した時にtwitterでもつぶやく(手作業ですが…)
こちらの3つの方法で、twitterとアメブロの連動の準備が完成!
ではそれぞれの手順詳細です↓
1.アメブロ画面にtwitterの「フォローミーボタン」をつけてみる
twitterバッジを取り入れているサイトが日に日に増えています。
長くなりがちなブログサイトでも、スクロールしてもずっと画面上見える位置で固定されているので
いつでもフォローしてもらえます。色や位置、デザインも変えることができるので、設置してみましょう。
1.ボタンジェネレータにアクセス→■外部リンクに飛びます
2.以下の5つを設定して「UPDATE CODE」ボタンをクリック
Twitter account:「ご自分のtwitterアカウント名」
Label:「follow me」「follow us」などから選択可能
Color:窓の横の丸いボタンをクリックすると色が選べます
Side: Left Right→ブログの右につけるか左に配置するか選べます
From top:→画面の上からどのくらいの位置にボタンを配置するか設定できます。
3.コードを全てコピー
4.アメブロに戻って…ブログを書く>サイドバーの設定>フリープラグインの「編集」をクリック
5.フリープラグインに先程コピーしたコードをペースト
完成
上手く設置できましたか?
ボタンの色は、できればブログのイメージカラーとは異なる色にすると、ボタンも目立ちますし、
さし色になってブログの画面もしまります。
ぜひお試しください!
2.ツイッターの最新記事をアメブロのサイドバーに配置する
続いてこちら↓
1.ツイッターの「設定」をクリック
2.プロフィールのページの(あなたのWEBサイトにもTwitterを表示させよう)をクリック
3.左下のウィジェットをクリック
4.「自分のサイト」をクリック
5.「プロフィールウィジェット」をクリック
6.“プロフィールウィジェットをカスタマイズする“のページでカスタマイズ
左の「デザイン」をクリックすると、好きな色に設定できます。
7.下の「完了&コード取得」をクリックして、中央のコードをコピー
8.フリープラグインに先程コピーしたコードをペースト
先程のフォローボタンのコードの下にコピーしてください
完成
3.アメブロ投稿した時にtwitterでもつぶやく
最後に、twitter側でも、こちらのブログの更新情報をつぶやいてみます。
1と2はアメブロからツイッターへの誘導でしたが
こちらはTwitter→ブログへの誘導です。
1.投稿した時にtwitterに投稿するボタンをクリック
これだけです。とっても簡単!
**********************************************
SOHOカレッジのブログは…
Webデザイナー、クリエイターを目指す方や、クリエイターの卵の方、
もしくはillustratorやphotoshopを勉強中の方に少しでもお役に立てるような情報発信を…
とおもって始めました。
一方twitterは…
どちらかというとプロのクリエイターの方にも便利なサイトを紹介したり、
無料の素材やテンプレート、最新情報を、と思ってつぶやき始めました。
ぜひ、ブログをみてくださっている方にも、twitterものぞいてもらいたいです
まだまだ初めたばかりの二つの記事&つぶやきですが、役にたててもらえるとうれしいです。