ライフドアブログのサイドバーにtwitterを表示させてみたので、

その方法をみなさんとシェアしたいと思います。


今回、まずgoogle検索して方法を調べてみたら、みなさん英語のページでのやりかた説明が多かったんですが、

実際に見てみると、今は日本語表示されています。


なので情報更新の意味もかねて、改めて説明しますね。

 ※各画像はクリックすると大きくなります。




1.まずtwitterにログインしている状態で→ http://twitter.com/about/resources/widgets をクリックして
開いてください。


5



2.通常のタイムライン(自分の呟き)を表示するなら、自分のサイトをクリックし、続いてプロフィールウィジェット
をクリックします。

twitter-2



3.twitterにログインした状態で開ければ、ユーザー名にはすでに自分のアカウント名が入った状態です。
空欄ならば入力してください。

twitter-3


4.続いて、カスタマイズというところをクリックします。
いくつかのチェックボタンがあるので、それぞれ必要なものをチェックします。

・最新データを取得?は「はい」ですね。

・スクロールを表示?はその下の表示するツィート数をたくさんにした人は「はい」の方が良いかもです。

・投稿時刻を表示? 仕事をさぼって投稿してる!!とか思われたくない人はチェックしないように(笑)

・ハッシュタグ表示? これは #ohayo #followmejp などで、twitter利用者共通のコードです。見せて良いものばかりならチェックしていても問題ないでしょう。

twitter-4


5.続いて↓のデザインをクリックします。

各場所の小さい四角をクリックするとすぐ下に色の画面が開くので、
さらにその好きな色の箇所を押します。

すると右にあるサンプル画面の色が変化します。

自分のブログの雰囲気に合うように変えてみましょう。

twitter-5



6.次はサイズです。 今回はライブドアブログのサイドバーなので、自動調整の方へチェックを付けておけば良いでしょう。

そして下の「完了&コード取得」をクリック。

twitter-6



7.カスタマイズされたコードが表示されますので全部をもれなくコピーします。

(コードのエリア内で、一度、どこでも良いのでクリックしてから、
キーボードの左下などにあるCTRLボタンとAボタンを一緒に押せば、
全部選択できるのでコード画面の色が反転します。

そして次に、CRTLボタンとCボタンを一緒に押せば文字全部をもらざずにコピーできます。

・・・windowsは、ですけど。アップル製は知りません。汗)

twitter-7



8.ここまできたらあとはlivedoorブログのフリーエリアに貼りつけて保存すればOKです!

それは知ってる、という方はここまでです。 ぜひ成功させてくださいね★


では、そのやり方もよくわからない人むけに続きを。


まず、ブログ設定の画面を開けます。

そして、ブログパーツをクリック。

twitter-8



9.上のタブから「ブログパーツの追加」を選ぶか、ブログパーツが並んでいる下の「追加」を選びます。
どちらも同じ画面が開くので早い方で。

twitter-9



10.続いてフリーエリアを見つけ、「追加」をクリック。

5



11.プラグインの詳細がポップアップで開くので、「追加する」をクリック。


twitter-10



12.先ほどコピーしたコードを開いてる記入欄に貼りつけます。
(CTRL+Cでコピーした人は、CTRL+Vで貼り付けできます。windowsは、ですけど。汗)

twitter-11



13.設定が完了されました と表示されれば無事成功です!

twitter-12



14.ブログパーツの設定タブをクリックして、ブログパーツの一覧を見たら、今追加完了したものが一番したに出現しています。

いよいよ最後です。

「ブログに反映する」を忘れずに押します。

twitter-13



15.ちゃんと表示されているか確認します!!

いかがでしたか?

twitter-14



さっそく試してみてくださいね★