2014年07月18日
ブログ記事にgoogle map を埋め込む
こんにちはSamyです(^v^)ノ
イベント会場案内やお店の場所紹介、
美味しかったあのお店。。。
地図をのせたいなって時、
ブログ記事にgoogle map を埋め込む手順です。
例えばアラハビーチの地図をこんな感じで埋め込む時は▼
①google map の右下にあるメニューから
②『地図を共有/埋め込む』をクリック。
③『地図を埋め込む』タブをクリック
④サイズを選んでリンクをブログ記事内にコピペ
横スクロールバーが表示されちゃう場合は
ブログ記事の横幅に合わせてサイズ調整すれば出来上がりですっ。
イベント会場案内やお店の場所紹介、
美味しかったあのお店。。。
地図をのせたいなって時、
ブログ記事にgoogle map を埋め込む手順です。
例えばアラハビーチの地図をこんな感じで埋め込む時は▼
①google map の右下にあるメニューから
②『地図を共有/埋め込む』をクリック。
③『地図を埋め込む』タブをクリック
④サイズを選んでリンクをブログ記事内にコピペ
横スクロールバーが表示されちゃう場合は
ブログ記事の横幅に合わせてサイズ調整すれば出来上がりですっ。
2014年07月18日
ブログ記事に表を入れる
こんにちはSamyです(^v^)ノ
ブログ記事内に表を作る手順です。
ブログ記事内で価格表や
説明のための表を入れたい時ってありますよね。
たとえばhtmlタグを使って▼のような表をつくる場合
htmlコードは下記のようになります。
<!--表の書式-->
<table border="0" width="300" height="80" cellspacing="1" cellpadding="10" bgcolor="#000000">
<!--1行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">マンゴー</th><!--1列目-->
<td>1個</td><!--2列目-->
<td align="right">1,000円 </td><!--3列目-->
</tr>
<!--2行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">いちご</th>
<td>2パック</td>
<td align="right" cellpadding="10">800円 </td>
</tr>
<!--3行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">レモン</th>
<td>3個</td>
<td align="right">400円 </td>
</tr>
</table>
メモ
ブログ記事内に表を作る手順です。
ブログ記事内で価格表や
説明のための表を入れたい時ってありますよね。
たとえばhtmlタグを使って▼のような表をつくる場合
マンゴー | 1個 | 1,000円 |
---|---|---|
いちご | 2パック | 800円 |
レモン | 3個 | 400円 |
htmlコードは下記のようになります。
<!--表の書式-->
<table border="0" width="300" height="80" cellspacing="1" cellpadding="10" bgcolor="#000000">
<!--1行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">マンゴー</th><!--1列目-->
<td>1個</td><!--2列目-->
<td align="right">1,000円 </td><!--3列目-->
</tr>
<!--2行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">いちご</th>
<td>2パック</td>
<td align="right" cellpadding="10">800円 </td>
</tr>
<!--3行目-->
<tr align="center" bgcolor="#f8f8ff">
<th bgcolor="#ffd700">レモン</th>
<td>3個</td>
<td align="right">400円 </td>
</tr>
</table>
メモ
<th>~</th>←見出しセル
<td>~</td>←データセル
列を増やしたければ<td>~</td>をコピペ
行を増やしたければ<tr>~</tr>をコピペ
<td>~</td>←データセル
列を増やしたければ<td>~</td>をコピペ
行を増やしたければ<tr>~</tr>をコピペ
2014年07月13日
引き継がせていただきました
はじめまして、Samy(サミー)です。
『初心者でもできるブログカスタマイズ』の担当を、MIS山川さんから引き継がせていただきました。
よろしくお願いします!
『初心者でもできるブログカスタマイズ』の担当を、MIS山川さんから引き継がせていただきました。
よろしくお願いします!
Posted by 初心者のためのブログカスタマイズ : Samy(サミー) at
19:15
│Comments(0)