覚え書き twitterタイムラインを表示する

実は数日、暇を見ては検索したりして、トップページにtwitterのタイムラインを表示する方法を調べてました。HTMLとjavascriputを使ったやつで試したんですが、全然表示せず。どうやら記事元も表示できていないので仕様が変わったようです。もう少し調べていると、twitterのパージからウィジェットの設定が出来、そのコードを貼るだけとわかりました。これって、ブログに貼るのと同じ!そうです、同じです。

ウィジェットの設定ページ → https://twitter.com/settings/widgets

 

 

 

私の場合ですと、左のサイドメニューの一番下に設置したいので、<div sidemenu></div>の間にコードをペースト。見ると、このコードは

a class”twiter-timelin”

となってます。そのまま貼ったら幅が上のバナーと合わなかったので

.twitter-timeline{padding-top:20px;width:200px;height:400;}

と、幅200px(上のバナーと同じ)パディングトップ20pxになるようにCSSに変更を加え、無事終了です。どうせ、またすぐ忘れるので、ここにメモっときます。

 

コメントは受け付けていません。

Proudly powered by WordPress | テーマ: Baskerville 2 by Anders Noren

ページ先頭へ ↑