(C)Talk Line/パソコン/ホームページ作成



GOOブログで四角囲みをきれいに作る方法


TOSS HIT  藤井 達也


GOOブログでTOSSランドコンテンツを制作する人が多くなってきました。
しかし,GOOブログには四角囲みを作るコマンドが用意されていません。
四角囲みを作ろうと思うと,html言語を入力する必要があります。
この方法を使えばhtml言語の入力が最小限ですみます。


1,完成画面イメージ


GOOブログの設定などは,各自でお願いいたします。
詳しくは,「TOSSランドNo.1227788 gooブログを使ったTOSSランドアップ講座(戸村隆之氏)」をご覧ください。

2,実際の操作方法


「新規投稿」をクリック



「HTMLエディター」をクリックする。


「HTMLのソースを見る」(上の画像のボタン)をクリックする。

<P align=center><U><STRONG><FONT size=4>タイトル</FONT></STRONG></U></P>
<P align=right><FONT size=2><U>TOSS ○○ サークル  ○○○○(<A>name@XXX.XXX</A>)</U></FONT></P>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" bgColor=#00ffff></TD></TR></TBODY></TABLE>
<P>&nbsp;</P>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=2 width="100%" border=1>
<TBODY>
<TR>
<TD width="100%" bgColor=#ffffff><FONT size=2> </FONT></TD></TR></TBODY></TABLE>
<P><FONT size=2>&nbsp;</FONT></P>
<TABLE borderColor=#000000 cellSpacing=0 cellPadding=2 width="100%" border=1>
<TBODY>
<TR>
<TD width="100%" bgColor=#ffffff><FONT size=2><FONT size=2> </FONT></FONT></TD></TR></TBODY></TABLE>
<P>
<CENTER><FONT size=2><A href="http://tos-land.net/"><FONT color=#800080>TOSS-LAND</FONT></A> メール</FONT></CENTER>

上のソースファイルをドラッグしてコピーする。
(そのまま,ドラッグできます。)



編集枠に貼り付ける。



もう一度「HTMLのソースを見る」(左の画像のボタン)をクリックする。



タイトルなどを書き換えていく。



四角囲みが必要になったときには,コピーペーストしていく。
マウスカーソルを四角囲みの線上に合わせると,上の画像のようになる。そのときに,「右クリック→コピー」を行う。
あらかじめ多めにコピーをしておくとよい。

 

前のページにもどる TOSS-LAND メール