FC2ブログ

私のブログ書式の基本形

Posted by aishinkakura on 25.2019 INTERNET 関係 16 comments 0 trackback
gazouyose.jpg 

 長く私のブログに訪問していただいている方は気づいておられると思いますが私のブログの書き方には一定のルールがあります。文章を書いてそれに関連する画像を1枚だけ貼り付けるというものです。そしてその画像は一日置きに左右振り分けています。ホームページを作ったことがある人ならそのやり方をご存知だと思いますが知らない方も多いと思いますので解説してみます。





FC2ブログの場合はファイルアップロードという機能を使って貼り付けると下のようなhtmlの書式が自動で書かれると思います。

a href="https://・・・・・・・・・・・・・・・・・" target="_blank">
img src="https://・・・・・・・・・・.jpg" alt="・・・・.jpg" border="0" width="250" height="250" />
・・・・・・・・の部分は貼り付けたものによって違います。

画像を右寄せで文章の中に組み込む場合は align="right" style="padding-left:10px;" というhtml書式を
border="0" とwidth="250"間に入れます。

border="0" align="right" style="padding-left:style="padding-left:10px; ; width="250" height="250" />という具合です。

align="right" というのが右寄せの命令で style="padding-left:10px; は画像の左側に10pxの隙間を空けるという命令です。
左寄せの場合は align="left" style="padding-right:10px;" となります。
よかったらやってみて下さい。




ブログランキングに参加しています。
宜しければクリックをお願い致します。

▶ Comment

さっそく私も我がブログで写真を左右に寄せて文章を回り込ませてみました。
私の場合は文章が少なくて写真が多いので愛新覚羅さまのような
体裁の良いレイアウトにはなりませんでした(笑)

私は写真のサイズ指定はstyle="max-width:50%"のように指定しています。
元サイズに関わりなく拡大縮小ができるので便利です、とは言っても
大きな画像は100KB程度まで画像ソフトで縮小はしていますが。
2019.10.25 06:53 | URL | kaz #- [edit]
おはよう御座います。コメントありがとう御座います。

パソコンの黎明期にワードで画像に文章を回りこませる方法
がわからなくて苦労したことがあります。
人に聞いてもわからないし、ネットなんか無い時代だし。
初めて出来たときは感動しました。
style="max-width:50%"のような記述はhtml5の形式ですね。
私は古いhtml4までしか使えていません。(恥)

愛新覚羅
2019.10.25 07:04 | URL | aishinkakura #- [edit]
私ただ今、ブログの引っ越しを考えていまして、移転先としてFC2を目論んでいるのですが、記事を書くツール(エディタ)相違点から迷っています。
写真の扱いも迷うポイントの一つだったのですが、本記事を拝見してガテンです。
教授はホームページ作りを生業とするような人だからHTMLを書く事に抵抗感は無いのかもしれませんが、私は直接HTMLを書くことは極力避けたいと思っています。
FC2のエディタは使い難いので、引っ越しを躊躇する大きな要因でした。

FC2のエディタには新と旧が在りますが、教授はどちらを使っていますか?
2019.10.25 11:13 | URL | 呑兵衛あな #- [edit]
こんにちは。コメントありがとう御座います。

自分でホームページを作る場合はABOBEのDresmweaverを使っていますがFC2ブログを書く場合は特にエディタと呼べるようなものは使っていません。
管理画面から「新しく記事を書く」というところをクリックして下のようなところにhtml書式を意識せずに書き込んでいるだけです。そしてそれが新なのか旧なのかというのも意識していませんので自身ではわかっていません。

<img src="https://blog-imgs-129.fc2.com/t/w/o/twopen/201910251334157c2.jpg" alt="FC2作成" border="0" width="600" height="300" />

愛新覚羅

2019.10.25 13:46 | URL | aishinkakura #- [edit]
こんにちは。

説明しようとしましたがコメント欄では画像がうまく貼り付けできて
いないようです。
少しお待ち下さい。専用の記事にします。

愛新覚羅
2019.10.25 13:51 | URL | aishinkakura #- [edit]
別記事でおわかりになったようで良かったです。
そn記事は削除させて頂きました。

愛新覚羅
2019.10.25 14:42 | URL | aishinkakura #- [edit]
お手数をお掛けしました
2019.10.25 15:04 | URL | 呑兵衛あな #- [edit]
興味深いアドバイスをありがとうございます。時間がある時にやってみます。最近忙しくて、今日は駄目かも。いや、いつになることやら・・・。
忙しいと、一つ一つの用事に集中できなくなり、雑になって、駄目ですね。あれこれ、手を広げすぎは良くありません。反省(´・ω・`)
2019.10.25 18:57 | URL | きたあかり #- [edit]
教授、ダメです。
私、コレ出来なかったんですよ。
ブログやり始めた頃、挑戦して。
テンプレートがきつかったのか、よくわからないけど。
すっかりレイアウトが崩れてしまったことだけ覚えていますよ。
それからはもう諦めて💦

でもまた、やってみようかな^^
2019.10.25 19:00 | URL | 冷凍SANMA #- [edit]
こんばんは。コメントありがとう御座います。

そうですね。暇なときに思い出したらやってみて下さい。
画像を左右に振り分けていくとリズムが出ていいのではないかと
思っています。(自分だけ思っているかも)

愛新覚羅
2019.10.25 19:18 | URL | aishinkakura #- [edit]
こんばんは。コメントありがとう御座います。

下手に<div>を使ったりすると全体が崩れる場合があります。
単純にalign="right" をborder="0" の次に入れるだけで
画像が右に寄ります。

下記サイトが参考になると思います。
http://masaboo.cside.com/new_html1/ht_20.htm

愛新覚羅
2019.10.25 19:30 | URL | aishinkakura #- [edit]
このコメントは管理人のみ閲覧できます
2019.10.25 19:52 | | # [edit]
あらら。それは良くないですね。
病気が2つ重なるとは奇遇です。

私の場合は長いのです。最初は学生のときからですから。
早朝ボーリングでぎっくり腰になり、それをこじらせました。
その後5年に1度くらい痛みが出ていたのですが、我慢して
いるうちに自然治癒していきました。
50代で再発したときにレーザー手術を受けましたが
現在はやっているところが少ないようです。

直近では昨年の12月から痛みがでて3月まで苦しんでいました。
でも歩くことは出来ていました。
これも4月に自然治癒しました。そうしたら6月に再発して今度
は20歩くらいしか歩けなくなってしまいました。

観念して病院で手術を受けました。
入院期間は12日間でした。
手術は全身麻酔ですから痛くありません。しかし術後1日は
痛かったです。(動けません)
手術跡は自分ではわかりませんが2センチくらいの切り傷です。
現在は触ってもどこを切ったのかわからないほどです。
今では元気に歩いて買い物にも行けています。
もっと早く手術を受けるべきだったと反省しています。

愛新覚羅
2019.10.25 20:19 | URL | aishinkakura #- [edit]
詳しいご説明を有難うございます_(_^_)_
経緯がよく分かりました。
私の場合 何の前触れもなく 突然痛みが出て そこから数日で激痛。入院ということで 愕然としました。
色んなパターンがあるものですね。

お元気になられて良かったです。
お母様どうぞお大事に、ご自愛下さいませ。
2019.10.26 07:24 | URL | パープル #- [edit]
どうやったら 回り込みというのが出来るのかと思ってましたが 調べてまでもはする気もなかったです。

万が一、訳が分からないことになってしまうのが怖くて~。

私のスマホは キャッシュというのを しょっちゅう削除していないと、メールやブログの 一文字を打つのも大変なんですよ。。(--;)
例えば(あ)を打ちたくても、別の文字が出てきたり、予測の文字が勝手に表示されたりしてます。
なので、読み返すととんちんかんな文章になっていたりします。。。困ったな。。
2019.10.26 12:08 | URL | おこちゃん #- [edit]
こんにちは。コメントありがとう御座います。

どんな種類のスマホを使っているのかわかりませんが
予測変換禁止の設定があるはずです。
ネットで機種名を入れて予測変換しないとか予測変換オフとか
で検索すれば方法が出てくると思いますよ。
勝手に文字が出てくるとイライラしますよね。

愛新覚羅
2019.10.26 12:45 | URL | aishinkakura #- [edit]

▶ Post comment


  • 管理者にだけ表示を許可する

▶ Trackback

trackbackURL:https://twopen.blog.fc2.com/tb.php/2706-fcd66bdc