エキサイトブログでTwitterを埋め込む
2016年 01月 12日
他のブログを読んだりすると、twitterの引用を良くみかけたりします。
これってエキサイトブログでもできないのかなーと思ったのでやってみました。
埋め込みたいツイートを開く
早速やってみます。試しに流れてくるプロモーションツイートを埋め込んでみましょう。
埋め込みたいツイートを開いたら右下らへんの「・・・」のメニューをクリック
画像を埋め込むボタンを押す
メニューが開くので上から3つめの「ツイートをサイトに埋め込む」をクリック
HTMLをまるっとコピペ
モーダルウィンドウが出てくるので、以下のコードをコピーして〜のboxの中のHTMLをまるっとコピーします。
エキサイトブログでエラーが出る
エキサイトブログのHTML編集の部分にコピーしたテキストを貼り付けます。
がしかし、えらーになる・・・
だがあきらめない
だがここでエラーメッセージをよくみると、「<script async src="//platform.twitter.com/widgets.js" charset="utf-8">タグは使用できません」となっている。
じゃあこのタグとっちゃおう。
それっぽくできた
そんなわけでscriptとっても見た目的には問題なさそうだったのでこんな感じで完成。
【期間限定!年末年始キャンペーン】ZenFone Selfieを購入&エントリーで最大3,000ポイントプレゼント! https://t.co/f3FY6ZTpWq
— 楽天モバイル (@Rakuten_Mobile) 2016, 1月 6
【無償勉強会スペース】恵比寿駅徒歩1分!Wifi・電源・デスク完備。Smart Tech Event向けイベントスペースを無償提供しています!詳細はこちら https://t.co/rvCoRzmc9o
— HatchUp (@hatchup) 2016, 1月 3
画像も埋め込めるか?→埋め込めた!!!
Perfect throw. Proof on 🔁#NationalChampionship now on Vine: https://t.co/uyHkK9B6l5 https://t.co/ef4GhW2ZRE
— Vine (@vine) 2016, 1月 12