<img alt="Googleドキュメントの裏技" src="http://web-marketing.zako.org/images/google-docs-Page-Numbers.jpg" width="250" height="250" />
<p><a class="web-site-link" href="http://googlesystem.blogspot.com/2008/03/adding-page-numbers-to-google-documents.html" onclick="window.open('http://googlesystem.blogspot.com/2008/03/adding-page-numbers-to-google-documents.html'); return false;">Google Operating System</a>によると、Googleドキュメントのワード文書にページ数を表示させることができることがわかったそうです。　これはワード文書のHTMLを直接カスタマイズすることによってできるもの、今後他のカスタマイズをするためにも、知っておいて損はなさそうです。</p>

<!--more-->
<h3 class="header-label">Googleドキュメントのワード文書にページ数を表示</h3>
<p>↓こちらが今回の成果物。ヘッダーとフッターにページ数を表示しています。</p>
<iframe src="http://docs.google.com/Doc?id=ddc3qc54_8ffnr2gc6" frameborder="none" scrolling="no" width="100%" height="180"></iframe>
<p><a class="google" href="http://docs.google.com/Doc?id=ddc3qc54_8ffnr2gc6" onclick="window.open('http://docs.google.com/Doc?id=ddc3qc54_8ffnr2gc6'); return false;">ドキュメントを開く</a></p>

<h3 class="header-label">ヘッダーの変更</h3>
<p>1. ↓まず「挿入タブ」を開いて「ヘッダー」を追加します。</p>
<p><a href="http://web-marketing.zako.org/images/googledocs-header-o.gif" class="highslide" onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"><img alt="googledocs-header.gif" src="http://web-marketing.zako.org/images/googledocs-header.gif" width="400" height="65" /></a></p>
<p>2. 「HTMLを編集」リンクをクリック<br /><img alt="googledocs-html.gif" src="http://web-marketing.zako.org/images/googledocs-html.gif" width="240" height="104" /></p>
<p>3. 「ヘッダー」のタグを下記のBeforeからAfterへ変更します。</p>
<h4 class="header-label">Before</h4>
<textarea name="code" class="xml" cols="60" rows="5" id="code"><div id="google_header" class="google_header"><p>&nbsp;</p></div></textarea>
<h4 class="header-label">After</h4>
<textarea name="code" class="xml" cols="60" rows="30" id="code"><div style="text-align: right;" class="google_header">Page <span class="google_pagenumber">1</span> of <span class="google_pagecount">1</span></div></textarea>
<p>これでヘッダーへのページ数表示が完了。</p>
<h3 class="header-label">フッターの変更</h3>
<p>1. ↓「挿入タブ」を開いて「フッター」を追加します。</p>
<p><a href="http://web-marketing.zako.org/images/googledocs-footer-o.gif" class="highslide" onclick="return hs.expand(this)" onkeypress="return hs.expand(this)"><img alt="googledocs-footer.gif" src="http://web-marketing.zako.org/images/googledocs-footer.gif" width="400" height="78" /></a></p>
<p>2. 「HTMLを編集」リンクをクリック<br /><img alt="googledocs-html.gif" src="http://web-marketing.zako.org/images/googledocs-html.gif" width="240" height="104" /></p>
<h4 class="header-label">Before</h4>
<textarea name="code" class="xml" cols="60" rows="5" id="code"><div id="google_footer" class="google_footer"><p>&nbsp;</p></div></textarea>
<h4 class="header-label">After</h4>
<p>3. 「フッター」のタグを下記のBeforeからAfterへ変更します。</p>
<textarea name="code" class="xml" cols="60" rows="30" id="code"><div style="text-align: right;" class="google_footer" id="google_footer">Page <span class="google_pagenumber">1</span> of <span class="google_pagecount">1</span></div></textarea>
<p>フッターにもページ数を表示完了。</p>

<p>今回のポイントは　『class="google_pagenumber"』 と 『class="google_pagecount"』。　今後もこういった裏技的なものが追加されていきそうですね。</p>
<p>Via：<a class="web-site-link" href="http://googlesystem.blogspot.com/2008/03/adding-page-numbers-to-google-documents.html" onclick="window.open('http://googlesystem.blogspot.com/2008/03/adding-page-numbers-to-google-documents.html'); return false;">Adding Page Numbers to Google Documents</a></p>
<p>参考：<a class="web-site-link" href="http://groups.google.com/group/GoogleDocs/web" onclick="window.open('http://groups.google.com/group/GoogleDocs/web'); return false;">ページ - Google Docs | Google グループ</a></p>
<script class="javascript" src="http://web-marketing.zako.org/js/shCore.js"></script>
<script class="javascript" src="http://web-marketing.zako.org/js/shBrushXml.js"></script>
<script class="javascript">
dp.SyntaxHighlighter.HighlightAll('code');
</script>