twitterコードを取り込む時に大きさや色を変更出来ます


自分のtwitterの@の次の名前を入力します。
moonのブログ


カスタマイズでは設定を変更出来ます


moonのブログ


デザインで色を変更出来ます

moonのブログ

サイズで大きさを変更出来ます

moonのブログ

終わったら右下の「設定を終了し、コードを生成する」をクリック

出来たコードをコピーしますが、上や下が切れないように

ぜーーんぶコピーして下さい。

コピーし忘れるとtwitterが表示されません



次にブログのサイドバーに「フリープラグイン」を追加します

プラグインの追加を選び、「フリープラグイン」を選びます

枠の中にコピーしたコードを張り付け、下の「保存」を押します


moonのブログ


始めは、「使用しない機能」にありますから、

それを「使用する機能」に移動します


moonのブログ

使用する機能に「フリープラグイン」が入っているのを確認して

「保存」を押します


moonのブログ



ブログのサイドバーにツイッターを表示させる方法です


(1)twitterにアクセスし

(2)ユーザー名(または、登録メールアドレス)と、

パスワードを入力して、ログインします。

(3)右上にある「設定」をクリック。

超初心者のためのアメブロ作成講座-3_設定をクリック.

(4)「プロフィール」をクリック。


あなたのWEBサイトにもTwitterを表示させよう

…と書いてある、青色の文字をクリックします。


もしもない場合は・・・ こちらから入って下さい↓


https://twitter.com/about/resources/widgets

私も実は、無くて・・・四苦八苦していました。

あったのは、「サイトにtwitterへのリンクを追加する」でした。

ここに行っても行き止まり…


(5)「自分のサイト」をクリック。


超初心者のためのアメブロ作成講座-5_「自分のサイト」をクリック


(6)「プロフィールウィジェット」をクリック。

超初心者のためのアメブロ作成講座-6_「プロフィールウィジェット」をクリック



(7)ユーザー名に自分のtwitterの名前を入れます。

「完了&コード取得」をクリック。


超初心者のためのアメブロ作成講座-7_「完了・コード取得」をクリック

(8)コードを全部コピーします。
超初心者のためのアメブロ作成講座-8_コードを全部コピー


コピーしたこのコードを、

サイドバーの「フリープラグイン」に貼りつければ、完了。


実際に今回作成したコードを貼りつけてみました

つぶやきが枠内に収まらず欠けてしまいました。

コードをコピーする前に、横幅を小さくしました。

カスタマイズで、最新データを取得するようにしました。

何度か自分のブログに貼り付けてブログを表示させ

試行錯誤して気に入った表示にして下さい。



私のお気に入りのサイトを紹介いたします。


ご近所の「岩盤浴グーチョキパー郡山店」です


スタッフさんが書いているブログは

http://ameblo.jp/gukoriyama/ です


どうぞ よろしくお願いいたします。