スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
web拍手 by FC2

Mr.ポンバシのブログ改造術part14-1

24時間以内に更新した別の記事

①Mr.ポンバシのブログ改造術part13-2

こんばんは!! Mr.ポンバシです(-^□^-)


「ブログ改造術14」では、"記事を書く上での基本事項"を改めて確認しようと思います

なお、これからいう話はクロームなら何も問題なくできますが、IE8をお使いの場合は、「HTMLタグを表示」の状態にしておいてください




文章や画像の中央寄せ


Mr.ポンバシのブログ

Mr.ポンバシのブログ

上の画像のように、文章や画像を一部だけ中央寄せにするためには、

<div align="center"> 文章または画像のタグ </div>

というように<div align="center"></div>で囲むことで中央に寄せることができます




画像幅の自動調整

Mr.ポンバシのブログ


例えば上の画像は縮小されているのですが、もとの画像のタグは

<div align="center"><a href="http://blog-imgs-51.fc2.com/k/o/r/korogaringu/blog_import_50e556489a086.png"><img src="http://blog-imgs-51.fc2.com/k/o/r/korogaringu/blog_import_50e556489a086.png" alt="Mr.ポンバシのブログ" border="0" /></a></div>

となっています。


このように画像の幅を記事幅のサイズに自動調整するためには

<div align="center"><a href="http://blog-imgs-51.fc2.com/k/o/r/korogaringu/blog_import_50e556489a086.png"><img src="http://blog-imgs-51.fc2.com/k/o/r/korogaringu/blog_import_50e556489a086.png "width="99%" alt="Mr.ポンバシのブログ" border="0" /></a></div>

というように、画像のタグのなかに「width="99%"」を入れればおkです♪


ちなみに99%でなくても、例えば「width="50%"」であれば記事幅の半分に調整できますし、width="300"というように%を入れずに数字だけをいれることで、その値のサイズに画像を調整することができます





文字リンクの設置方法

記事作成画面のツールバーに「リンク」というボタン↓

Mr.ポンバシのブログ


があると思います


それをクリックしてリンク先のURLを入力し、その後「リンク」ボタンをクリックすると記事に

<a href="http://ameblo.jp/regulus-of-leo/entry-10809415775.html
target="_self"></a>


といった記述が出てくると思います


そこを例えば

< ~target="_self">ergを最も楽しめる進行速度</a>

と入力すると

ergを最も楽しめる進行速度

というように文章がリンクになるわけです





画像リンク(バナー)の設置方法

画像を添付する際、画像のタグは次のようになっています

<a href="リンク先のURL"><img src="画像のURL" alt="ブログ名quot; border="0" /></a>


これを使えば、例えばあるブログに

前の記事で~と書いてしまいましたが、……」みたいな使い方ができるようになります

また、バナー画像ができたはいいけど、タグが分からない時とかは、自分のブログのトップページのURLを先ほどの「リンク先のURL」のところに入れ、バナー画像のURLを「画像のURL」のところに入れればいいわけです

これは他にも応用性があるので、後日説明します




辞書ツールの活用(Windows)

Windowsに辞書ツールというツールがあるのをご存知ですか??


クロームIE8のタグ編集エディタを利用している方には特におすすめしたいツールです


何に使うツールかといいますと、要は好きな単語を登録してすぐに呼び出せるツールだと思っておいてください


例えば僕の場合ですと、「はば」と入力してスペースキーで変換すると「width="99%"」がでてくるようになってます


これさえあればよく使うタグをあらかじめ簡単な単語として登録してすぐに呼び出せるようになります!


では具体的な説明に入ります


設定を変えてなければ、ディスプレイ下にタスクバーがありますよね?

そこにこんな言語バーと呼ばれるアイコンが並んでいませんか?

Mr.ポンバシのブログ


もし、①、②番のアイコンが出ていないのであれば、③をクリックして、「単語の登録」「辞書ツール」を選択してチェックを入れてください


で、まず初めに①をクリックしてください


すると、次のようなウィンドウが表示されます

Mr.ポンバシのブログ


そこに次のウィンドウのように

Mr.ポンバシのブログ


単語のところに呼び出したいタグを、よみに変換元となるひらがなを入力してください


これで次回からは簡単にタグを呼び出すことができます


僕が使用しているものの1例として


"でか"⇒"<font color="#0000FF"><font size="5"></font></font>"

"まんなか"⇒"<div align="center"></div>"


などがあります


このツールを活用して記事を書く時間を短縮しましょう!





では今日の改造術はこれで終わりです


みなさん新作のほうはどれくらい進んでいるでしょうか?

自分は昨日書きました通り"君なご"をプレイするのでまだやってません……orz

もう3作くらい終わってる方もいるようです

みなさんの進度はどうでしょうか?



僕としてはのんびりクリアしていってもいいと思いますよ


あまり急ぎ過ぎても勿体ないですしねwww


ではノシ

スポンサーサイト
web拍手 by FC2

コメントの投稿

非公開コメント

1 ■無題

これは便利ですね!後でやらねばww

俺はですね~
1本もやってない!さらに未開封ww
ブラロンを終わらせたらやりまするw

2 ■無題

なるほどですね~
こういうのを駆使したら効率よくできますね

えと・・・ポンバシに行きましたけど新作買わなかったですwww

3 ■無題

なるほどなるほど~

基本形の様で結構重要そうですな(・∀・)

コレ使いこなせたらカッコイイぞっ(*≧m≦*)!?

4 ■無題

なるほどね!!
参考にしちゃうですぜ(`・ω・´)

5 ■そんな・・・

今まですべてのタグを手打ちしてましたよ(汗)
辞書ツールなんてものが・・・

ちょっくら登録してきます!!

6 ■無題

なんと、辞書ツールってあったんですかww

これは便利ですね~
タグとが、毎回書くのめんどくさいですからね!

勉強になりました

7 ■無題

こうしてみると、なかなか知らなかったことがいっぱいでしたっ!w

辞書ツールは僕もよく使いますけど、せいぜい打っても出てこない文字を登録する程度でしたっ!w

すげーっ!ポンバシさんすげーっ!www

8 ■無題

②、③はよく使いますね^^
他も便利そうだし活用してみます。
新作はまだ1作目をプレイ中です。

9 ■無題

辞書ツールは忘れてた^^;
完全にそういやそんなものあったなーってw
さっそく活用させてもらいますw

HTMLタグでは、あまり書かないですが、あちらのほうが色々応用きくし、ちょっと勉強してみたいと思います!

10 ■無題

辞書ツールは自分もよく使います。

便利ですよね~

11 ■無題

おお、わかりやすい説明です
暇な時にちょいちょい試してみます(`∇´ゞ

12 ■無題

おお、いつも通りの分かりやすい説明、有難うございます!
これも参考にしてみようかと思います('-^*)/

自分は、まだ一本目の途中ですね・・・。
ってか、既に3本終わらせた方って、テキストは・・・まあ、良いんですけどね。

ゆっくりやる方が良いと、自分も思います!
プロフィール

ポンバシ

はじめまして!Mr.ポンバシです。
呼び名は「ポンバシ」「ポンさん」などなどです ^ ^
2次元をこよなく愛しており、エロゲ、ギャルゲ、アニメ、ラノベなんでも話を振ってください。
コメントしてくれると天に昇る勢いで喜びますww


アクセスランキング
[ジャンルランキング]
ゲーム
6736位
アクセスランキングを見る>>

[サブジャンルランキング]
PCゲーム
948位
アクセスランキングを見る>>

アクセスカウンター

カテゴリ

最新コメント

全記事表示リンク

全ての記事を表示する


月別アーカイブ

OHPバナー
紅い瞳に映るセカイ 応援中!!

「魔女こいにっき」応援中

恋がさくころ桜どき

すたじお緑茶『南十字星恋歌』応援中!

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。