記事の中に決まった文字や表を入れるなら

記事の中の決まった部分に「はめ込みたいもの」って
ありませんか

気に入った画像とか、みなさんにお知らせしたい
コーナー的なものです。


私もこのブログにお勧めサイトを表示したかったのですが、
何度やっても思う場所に入れ込む事ができなくて
時間ばかりかかってしまいました


記事の下の部分にお勧めサイトを載せたので、
後で見てください。

もう少し表を左にしたいのですが・・・わかりません。
表の中の文字も・・・満足できないのですが、
これ以上いじっても改善なしです～。


それからあちらこちら探して、
思うように表示することが出来ました
何でもやってみれば出来るものだわ～。

記事の上に表示させるには

記事の上部分に表示させたい時は、
ブログによって違うと思いますが
「テンプレートの設定」HTMLの編集に
組み込んで行きます。

（FC2ブログの場合）


自分の使っているテンプレートの編集をクリックします。

<!--topentry-->

を探します。

いっぱいある中から探すのは大変なので、
Ctrlキーを押しながらFキーを押します。

検索窓が出てくるので、

<!--topentry-->

を貼り付けます。

黄色くなって表示されるので、すぐにわかります。

この部分の上に、表示させたいものを貼り付けます。

これで記事の上部分に表示できます。

記事の下に表示させるには

HTMLの編集の中から、

<!--/more-->

を探します。
探し方は上と一緒です。


探せ出したら

<!--/more-->

の下に表示させたい物を貼り付けます。
これで記事の下に表示出来ます。

この記事の下のように表示させるには

この記事のようにしたい場合は、
こちらを参考にしてくださいね

<img src="<a href="http://blog-imgs-1.fc2.com/emoji/2013-02-17/701301.gif" target="_blank">http://blog-imgs-1.fc2.com/emoji/2013-02-17/701301.gif</a>" alt="" border="0" style="border:0;" class="emoji"><strong><span style="color:#ff3399">私も参加している　お勧めサイト</span></strong><img src="<a href="http://blog-imgs-1.fc2.com/emoji/2013-02-17/701301.gif" target="_blank">http://blog-imgs-1.fc2.com/emoji/2013-02-17/701301.gif</a>" alt="" border="0" style="border:0;" class="emoji"><br><br><strong><span style="color:#33cc99">登録はもちろん無料。<br>バナーをクリックしてご覧くださいね。</span></strong> <div style="text-align:left;"><table style="border:1px dotted #ff6666;color:;font-size:13px;text-align:center;"> <tr> <td style="border:3px solid #ffcc99"><a href="<a href="https://www.e-click.jp/redirects/redirect/3133/22216/3" target="_blank">https://www.e-click.jp/redirects/redirect/3133/22216/3</a>" ><img src="<a href="https://www.e-click.jp/redirects/display/3133/22216/3" target="_blank">https://www.e-click.jp/redirects/display/3133/22216/3</a>" height="60" width="120" border="0" alt="参加費無料・簡単操作のイークリック。今なら友達紹介いただくと600円もらえるよ。"></a></td> <td style="border:3px solid #ffcc99"><a href="<a href="http://dietnavi.com/?id=2540205" target="_blank">http://dietnavi.com/?id=2540205</a>"><img border="0" src="<a href="http://dietnavi.com/pc/banner/100_60_3.gif" target="_blank">http://dietnavi.com/pc/banner/100_60_3.gif</a>" width="100" height="60"></a></td> <td style="border:3px solid #ffcc99"><a href='<a href="https://www.lifemile.jp/new/invite.cgi?U=AfSRRdiS10OixOL'" target="_blank">https://www.lifemile.jp/new/invite.cgi?U=AfSRRdiS10OixOL'</a> target='_blank'><img src='<a href="http://www.lifemile.jp/tomodachi/images/bnr100_60.gif'" target="_blank">http://www.lifemile.jp/tomodachi/images/bnr100_60.gif'</a> width='100' height='60' alt='ライフマイル'></a> </td> </tr> <tr> <td style="border:3px solid #ffcc99"><strong>eclick(イークリック）</strong></td> <td style="border:3px solid #ffcc99"><strong>GetMoney(ｹﾞｯﾄﾏﾈｰ）</strong></td> <td style="border:3px solid #ffcc99"><strong>ライフマイル</strong></td> </tr> <tr> <td align="left" style="border:3px solid #ffcc99">登録後<strong>バナーを貼ると<br>１,０００円</strong>もらえます。<br>お友達紹介も<strong>６００円</strong>と高額なので一押し♪</td><td align="left" style="border:3px solid #ffcc99">メール受信でポイントが貯まる。<br>お友達が獲得したポイントの<strong>５０％をずっと<br>受取れます。</strong></td> <td align="left" style="border:3px solid #ffcc99">３００円～換金可能<br><strong>１クリック=１０pt</strong><br>お小遣いも貯めやすい。</td> </tr> </table></div></div><!--/ently_body-->

タグの関連記事

ＦＣ２ブログのテンプレートを選んで自分流に変える

初心者向け　記事を書くときに便利なタグ

タグ：カシタマイズ

初心者向け 記事を書くときに便利なタグ

初心者向けなので、こんなのわかってるよ～という方は
スルーしてください　
私も確認の意味でこのページを残したいのです。

私は記事を書く時に、メモ帳に保存してある
こういったものをいつも見ながらやっています。

画像の中央寄せ、左にスペースを空けたいなど
知らないと困ることがありますね。
私は　なるほど・・・と思って使っています　

ちょうど良いものがあったら使ってみてください　

画像の中央寄せをするには？

ブログによって簡単に中央へ配置できるものもありますが、
出来ない場合は　これを使ってみましょう。
画像でも文字でも使い方は同じですよ。

コピーして使ってみてね

　

<div align="center">中央に置きたいもの</div>

中央に配置されます。

これをしないと・・・こうなりますね。

左側にスペースを開けたい時

こんなふうに矢印を使ってみたいけど・・・スペースが空かない　
私は悩みました・・・何で出来ないんだろうって。

やはりちゃんとタグがあるんですね・・・あたりまえか～　


　

<div style="margin-left:10px">ここに入れる</div>

１０ｐｘを増やすと左のスペースがもっと空きますよ。
やってみてくださいね　

これをしないと　こうなります。

画像を横に並べたい時

何かを並べて配置したい時に・・・初心者は困るんです　
画像が縦に貼りつけられて～。
私は横にしたいのよ～～～ってね

そんな時はこちらを使ってください　

　２つ並べたい時

<table><tr><td><画像タグ></td><td><画像タグ></td></tr></table>

　３つ並べたい時

<table><tr><td><画像タグ></td><td><画像タグ></td><td><画像タグ></td></tr></table>

いくつでも増やせますが、ページから　はみ出ないように
画像の大きさを調節してくださいね。

これを使うと　こんな感じに並べる事が出来ます。




　画像を挿入したら<画像タグ>を削除してくださいね。

小見出し　

小見出しというのは、上にいくつかある薄いグリーンで囲った点線の枠です。
タイプはいろいろありますが、ブログでこれを入れると
区切りがハッキリして良いですね　


　ranさんのブログで素敵な小見出しが見られます。
　　　　　　
　　　　　　　　　　　

０円でお小遣いも稼ぎたい主婦のつぶやき

このページで使っているものは　これです。
これは私が作ったものです。
　　　　　

<div style="font-size:13px;font-weight:bold;font-style:normal;color:#54c9ef;padding:3px 15px;border:4px dotted #6eeb65;">若草色小見出し</div>

この「若草色小見出し」の部分を、好きなタイトルに変えて使ってください。

　color:#○○○　この部分を変えれば色がお好みの物に変えられますよ。
　　　なんでもチャレンジして、自分のブログを作り上げていきましょうね～


これから良い物を見つけて　このページは増やしていきたいと思います

このページにタグを入れて説明するのに・・・
タグをそのまま入れると当然ですが、小見出しそのものが映し出されるんですね～。
なのでPrt scキーで写して、貼り付けてみましたが
皆さん・・・どうやって載せているのでしょうか？

う～ん初心者は　わかりません
まぁいいか・・・。

いやいや・・・適当ではいけない　
そう思って検索して・・・コピーできるように変えました～

「検索」すると　色々な発見がありますね