*

ホームページやブログにツイッター(twitter)を表示する

[お知らせ]
※ 2012年10月18日、新ツイッターウィジェット設置に関する記事をアップしました。
 → ホームページやブログに新ツイッターウィジェットを表示する-2012.10


 自分のホームページ(ウェブサイト)やブログに自分のツイートを表示する方法について、お店のホームページにツイッター(twitter)を利用するの記事で「(該当ウィジェットは)アカウントページから探せば見つかります」と簡単に言ってしまいましたが、結構見つけづらいことに気がついたので、アカウントページからのたどり着き方を補足します。(2011.8改訂)

 ※サイトの文字コードによって、IE8やFireFoxブラウザにてツイッタープロフィールウィジェットが表示されないことがあります。その場合の対処方法はこちらの記事の内容をお試しください。

Twitter社について / 素材ページ画像

ツイッターウィジェット作成ページへのアクセス方法

  1. ツイッターにログイン
  2. 右上アカウント名プルダウン→設定をクリック
  3. 「プロフィール」タブ→webの(あなたのWEBサイトにもTwitterを表示させよう)のリンクをクリック
  4. 「Twitter社について / 素材」画面→ウィジェット画像または「全てのウィジェットを見る」をクリック
    素材>ウィジェットを選んでくださいページが開く)
  5. 「ウィジェットを選んでください」画面→「自分のサイト」をクリック
  6. 「ウィジェットを選んでください」画面→「プロフィールウィジェット」をクリック
  7. 「プロフィールウィジェットをカスタマイズする」画面→デザインやサイズなどをお好みに調整し、下部にある「完了&コード取得」ボタンをクリック。
  8. HTMLソースコードが表示される。コピーして自分のホームページやブログに張る。

以前とリンクの場所が変わっているような気がします。また変わるかもしれませんが、現在(2011.8)はこのようです。

フォローボタンもあり

このウィジェットのあるサイトには、ウィジェットのほかに、フォローをうながす画像ボタンもあります。ツイッターをサイトやブログに設置したら、とりあえずこの2つを置いておけばいいのではと思います。

横浜周辺でウェブサイト運営のご相談は「合同会社ハルクアップ」(横浜ホームページサービス

関連記事

no image

img alignで画像回り込み時のIEバグ備忘録

<img align="">で画像をテキストに回り込ませた際、CSSでvertical-

記事を読む

TWIT_CATCH

ホームページやブログに新ツイッターウィジェットを表示する-2012.10

 いつの間にかツイッター公式ウィジェットが仕様変更していたので、紹介です。  大きく変わった点は、

記事を読む

no image

無断で自分のサイトにリンクを張られたときの対処方法

先日、既存のウェブサイトの更新について新規問い合わせをいただき、社長さんとお会いしました。その際、「

記事を読む

no image

IE8やFireFox等でツイッターウィジェットが表示されない場合の対処方法

 自分のホームページやブログにtwitter公式タイムライン(プロフィールウィジェット)が表示されな

記事を読む

no image

ツイッターの「プロフィールウィジェット」の一部を再設定する

自分のサイトやブログにツイートを表示するツイッター公式ウィジェット「プロフィールウィジェット」ですが

記事を読む

no image

ツイッターフォローミーボタンをブログやホームページに設置する

ツイッターフォロー公式ボタンをブログやホームページに設置する方法です。「ホームページやブログにツイ

記事を読む

no image

無料・オンラインでウェブページのキャプチャー画像を作成する

ウェブページのスクリーンショットが作成できるツールはいろいろありますが、オンラインで簡単にキャプチャ

記事を読む

no image

ウェブ制作者から見たIE6(インターネットエクスプローラー)と他のブラウザの違い

2010年3月4日、アメリカコロラド州でIE6の葬儀イベントが行われた。米国のAten Desig

記事を読む

no image

メールフォーム入力途中でエラー画面に移動してしまうときの対処方法

 お問い合わせフォームやお申し込みフォーム入力の途中に、Enter(エンター)キーを押したら勝手に送

記事を読む

no image

ページデフォルトのフォントファミリーをメイリオにカスタマイズ(CSS)

Wordpressのカスタマイズ備忘録です。今回はページ全体の基本font-family(フォントフ

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

postagestamp01
未使用の切手(貼付済み)を剥がさずに簡単に再利用する方法備忘録

 封筒に貼ってしまってある未使用切手を再利用する方法を郵便局で教わった

kindle_sort
Kindle の デフォルト配信先 の変更方法備忘録

コンテンツと端末の管理 端末タブ 端末名「編集」

itts
テープ起こしで知った言葉201501

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

KIMG0297
日経ビジネス2014.12.01メモ

トヨタミライは補助金込みで約520万円。 企業交際費は199

itts
テープ起こしで知った言葉201412

今月のテープ起こし案件ではこんな言葉を知りました。ありがとうございまし

→もっと見る

PAGE TOP ↑