今こそ、東北へ!バナー掲載方法について

手順1

バナーを掲載するページの<head>〜</head>の間に下記のhtmlコードをコピー&ペーストします。


<link href="http://www.sendaicci.or.jp/d-book/d-book.css" rel="stylesheet" type="text/css">

手順2

掲載するバナーのタイプを下記から選択し、<body>〜</body>タグの間の掲載したい場所に対応するバナーのhtmlコードをコピー&ペーストします。

W210

今こそ、東北へ! 東北六県周遊ガイド
English
中文
hangeul
htmlコード

<div class="dBook-bnr01">
<dl>
<dt>今こそ、東北へ! 東北六県周遊ガイド</dt>
<dd class="jp"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_jpn/" target="_blank">日本語</a></dd>
<dd class="en"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_eng/" target="_blank">English</a></dd>
<dd class="cn"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_chn/" target="_blank">中文</a></dd>
<dd class="kr"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_kor/" target="_blank">hangeul</a></dd>
</dl>
</div><!--/dBook-bnr01-->

W150

今こそ、東北へ! 東北六県周遊ガイド
English
中文
hangeul
htmlコード

<div class="dBook-bnr02">
<dl>
<dt>今こそ、東北へ! 東北六県周遊ガイド</dt>
<dd class="jp"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_jpn/" target="_blank">日本語</a></dd>
<dd class="en"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_eng/" target="_blank">English</a></dd>
<dd class="cn"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_chn/" target="_blank">中文</a></dd>
<dd class="kr"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_kor/" target="_blank">hangeul</a></dd>
</dl>
</div><!--/dBook-bnr02-->

W500

今こそ、東北へ! 東北六県周遊ガイド
English
中文
hangeul
htmlコード

<div class="dBook-bnr03">
<dl>
<dt>今こそ、東北へ! 東北六県周遊ガイド</dt>
<dd class="jp"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_jpn/" target="_blank">日本語</a></dd>
<dd class="en"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_eng/" target="_blank">English</a></dd>
<dd class="cn"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_chn/" target="_blank">中文</a></dd>
<dd class="kr"><a href="http://www.sendaicci.or.jp/imakosotohoku/digitalbook_kor/" target="_blank">hangeul</a></dd>
</dl>
</div><!--/dBook-bnr03-->

手順3

htmlファイルを保存し、バナーが掲載されているか確認し、それぞれのボタンがデジタルブックにリンクしているか確認します。