ブログに表を貼り付ける方法。

TAKA@P.P.R.S / 2月 6th, 2009/ Posted in 未分類 / No Comments »

ブログにMicrosoft Office Excel（エクセル）などの表計算ソフトの表を貼り付ける方法。
“iframe(インラインフレーム )“に対応しているブログであれば、可能。
“tableタグ“を使う方法もあるけど、いろいろややこしいのでここは簡単な方法で。

Googleドキュメントを使います。
直接Excelの表を使うのではなく、スプレッドシートを使っての間接的な方法。
こういう風に表示させるのが最終目標です。
複数のシートも表示させることができます。

方法
まずは貼りたい表があるエクセルファイルをアップロードします。
アップロード方法はこちらを参考にしてください。
“Googleドキュメント [アップロード] ExcelファイルをGoogleスプレッドシートで編集するには – できるネット＋（できるネットプラス）”

アップしたスプレッドシートを開く。
“共有“をクリックし、”ウェブページとして公開“をクリック。

“公開する“をクリック。

“公開の詳細設定“をクリック。
別ウィンドウが開くと思います。

“ファイル形式“をクリックし、プルダウンを表示させ、”ウェブページに埋め込む HTML“をクリックし選択。
そして、 “URLを生成“をクリック。

URLが生成されます。
これをブログに貼り付ければ表の表示が可能。

また、”width=’500′ height=’300′”の数字を書き換えることにより、表示の大きさを変えることも可能です。

また、グラフもURLを生成しての貼り付けが可能。
ただ、大きさの調整が難しいのでこちらは一度、”画像を保存” してアップロードし直したほうが良いかも。
どちらにせよ、画像ファイルでの表示なので。

関連エントリー

Tags: Blog, Blogger, Excel, Google, GoogleDocument

Additional comments powered by BackType

最近の投稿
Popular Posts
Splush
<script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2545390&pid=880516582"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2545390&pid=880516582" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://ck.jp.ap.valuecommerce.com']);" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2545390&pid=880516582" height="250" width="300" border="0"></a></noscript>
About Me

takapprs@gmail.com
takapprs
Twitter Updates
Twitter Updates
follow me on Twitter
iTunes
Review

▼レビュー記事をまとめました。

▼例えばこういうモノなど。
FUJITSU ScanSnap S1100 FI-S1100
posted with カエレバ
富士通 2010-11-22
Amazon
楽天市場
Yahooショッピング
Yahooオークション
7net
Recommend Item

▼Skype&Ustremに活躍。
マイクロソフトウェブカメラ LifeCam Cinema H5D-00006
posted with カエレバ
マイクロソフト 2009-10-02
Amazon
楽天市場
Yahooショッピング
Yahooオークション
7net

▼持ち運び便利。案外手に馴染む。
マイクロソフトワイヤレスブルートラックマウス Arc Touch Mouse RVF-00006
posted with カエレバ
マイクロソフト 2011-01-28
Amazon
楽天市場
Yahooショッピング
Yahooオークション
7net

▼女性向けのかわいいPCが少ない中レアな存在。
●Mini Laptop Case / Folkloric
▼おすすめアイテム集めてます。
勝手に応援している企業たち。

▼ThinkPad大好き。 <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2545390&pid=879915217"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2545390&pid=879915217" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://ck.jp.ap.valuecommerce.com']);" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2545390&pid=879915217" height="60" width="234" border="0"></a></noscript>

▼このブログはさくらインターネットを利用。

▼外出時は必需。

▼昔から利用しています。 <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2545390&pid=879925712"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2545390&pid=879925712" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://ck.jp.ap.valuecommerce.com']);" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2545390&pid=879925712" height="60" width="234" border="0"></a></noscript>

▼口座持ってると諸々便利。 <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2545390&pid=879915261"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2545390&pid=879915261" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://ck.jp.ap.valuecommerce.com']);" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2545390&pid=879915261" height="60" width="234" border="0"></a></noscript>

▼証券も。

▼映画は予約してから観に行く。

▼チケットはここで。

▼腹が減れば。

▼PCバッグとビジネスバッグ使用中。 <script language="javascript" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2545390&pid=879915391"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2545390&pid=879915391" onclick="javascript:_gaq.push(['_trackEvent','outbound-widget','http://ck.jp.ap.valuecommerce.com']);" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2545390&pid=879915391" height="60" width="234" border="0"></a></noscript>

▼女性向けPCバッグがおすすめ。 ●Mini Laptop Case / Folkloric ●Under Cover Laptop Skin / Folkloric