FC2ブログ
このブログは、ぼく「Mr.M」の日常、趣味などを紹介します。                             また、リボーンをはじめとするジャンプ系のマンガの発売日も掲載中!!

バナーを作ろう! 最終回「バナー完成!!」

Mr.M「長かったこの企画も今回がラスト!いよいよバナーが完成するよ!」
キトキット「いよいよか・・・。いよいよラスボスを倒すという訳だな?」
Mr.M「ゲームで言うとね・・・」
キトキット「よしっ!それじゃあ早速始めるぞ!!」
Mr.M「最後はバナーをブログに貼り付けるだけ!実を言うと、コレが一番簡単な作業なんだ!」

手順⑥ バナーをブログに貼り付ける
①ブログ管理画面の左、[環境設定]→[プラグインの設定]をクリック!

②[プラグインカテゴリー2]の[リンク]の欄の右側、[HTMLの変更]をクリック!

③[リンク] のHTMLの編集として、訳わかんないコードが出てきます。
最後が</ul>になっていますよね?そしたらこの</ul>の後ろに手順⑤で作成したバナーのコードを貼り付ける

④下にある「変更」をクリック!→終了

※Mr.Mのように、バナーを記事に貼り付けたいという人は、記事に手順⑤で作成したバナーのコードを貼り付ければおk!

Mr.M「以上です・・・」
キトキット「お、終わった・・・のか?」
Mr.M「ああ、終わった。これでバナーの完成だーー!!!」
キトキット「あー、ホント長かったな」
Mr.M「うん。正直ぼくはもう疲れたよ・・・」
キトキット「でも、相変わらず質問は受け付けるので、ご心配なく」
Mr.M「それじゃあ、最後に完成したバナーを貼り付けて終わろうか?」
キトキット「おう!」

Mr.Mの日常-ブログランキング-クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking

皆さん、ご愛読?ありがとうございました。
皆さんのお役に立てていれば、Mr.M本人も本望です。
質問以外にも、色々とコメをいただけると、Mr.Mのモチベーションも上がると思われます。
ぜひ、コメをしてやってください。(m。_。)m オネガイシマス

クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking
スポンサーサイト



バナーを作ろう! 第六回「バナーにURLをつける」

Mr.M「前回も言ったとおり、今のままではバナーとは名ばかり。所詮はただの画像にすぎない。今回からはそれに一手間加えて真のバナーを仕上げていくよ!」
キトキット「うむ、それではまずは、次からの手順を紹介しよう」

手順⑤ バナーにURLをつける

手順⑥ バナーをブログに貼り付ける

Mr.M「この二つをクリアしたその時、ようやく全てが終わるわけだね」
キトキット「おし!早速やってみよーじゃないか!!」

手順⑤ バナーにURLをつける
①ブログ管理画面の左、[ツール]→[ファイルのアップロード]をクリック!

②[アップロードするファイルの選択]→[ファイルの選択]→[参照]をクリック!

③保存したバナーを選択

④[ファイルの選択]のすぐ下にある、[ファイルのタイトル]にリンク先のサイトの名前を入れておこう!

⑤[サムネイルも作成する(jpg,png)]のチェックを外す

⑥[アップロード]をクリック!→下の一覧に今アップロードしたバナーが現れる

⑦アップロードしたバナーの欄の[記事を書く]をクリック!

⑧記事に出てきたコードをPCのメモ帳にコピーしよう!

⑨コードの <a href=”○○○○○” target= の○○○○○の部分に、リンク先のサイトのURLを入れよう!

手順⑤終了!!

Mr.M「・・・どうだろう?理解できただろうか?」
キトキット「まぁ、分からなかったらいつもどおりコメにて質問を受け付けるし、大丈夫だろ?」
Mr.M「・・・だといいんだけどね。さて、今回はここまで、いよいよ次回がラスト!!」
キトキット「いよいよか・・・。長かったな。」
Mr.M「それでは、お楽しみに~♪」

クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking

バナーを作ろう! 第五回「拡張子の変換“BMP→GIF”」

Mr.M「さて、いよいよバナー作りも終盤にさしかかってきました!」
キトキット「で、最後は何をするんだって?」
Mr.M「いい質問ですね。(池上s風に)」
キトキット「変なモノマネとか要らん!!」
Mr.M「分かったよ・・・。画像取得、編集、縮小、アレンジとここまできて最後に残された試練とは!!」
キトキット「試練とは?」
Mr.M「変換だァーーー!!!」

手順④ 拡張子を変換する(BMP→GIF)

①iview425jを開く。

②[ファイル]→[一括変換 形式/名前]
バナー作成6

③変換するバナーをダブルクリック!(ギャラクシーとかあんま気にしないで!!)
④すると、下に何やら文字の羅列が!?
⑤その状態で左の“実行”をクリック!
バナー作成7


Mr.M「これで変換完了!!」
キトキット「でも、なんで変換なんかする必要があったんだ?」
Mr.M「それはね、“BMP”がブログにうpできない拡張子だからだよ」
キトキット「なるほど、それでわざわざ“GIF”に変換したって分けだな?」
Mr.M「そーゆーこと!」

Mr.Mの日常-ブログランキング-

現在のバナー状況

キトキット「ついに、ついにここまで来たんだな!!ようやく俺はこんな暇な企画からオサラバできるんだな!?」
Mr.M「おいおい?何言ってるんだ?喜ぶのはまだ早いぞ」
キトキット「はっ?」
Mr.M「ゲームでいうならば、今はまだエンディングを終えたばかりの段階。つまり、“ラスボス”ってのがまだいるんだよ!!」
キトキット「はァーー!!でもよ、できてるじゃねーか!!」
Mr.M「じゃあ聞くけど、バナーってなんのために貼り付けるんだい?」
キトキット「んなもん、ランキングとかでクリックしてもらえるように・・・、あ。」
Mr.M「気づいたかい?今はバナーとはいっても、タダの画像にすぎない。これを、真のバナーにするには、さらに一手間かける必要があるんだ」
キトキット「たしかに、このままじゃクリックしたって何にもならねーな・・・。うかつだった」
Mr.M「それじゃあ今回はここまで!いつもの、頼むね!!」
キトキット「分からないこと、質問などがあれば、コメにて受付中!!気軽にどうぞ!!」

Mr.M「いつものって言ってるのに、毎回コロコロ言い回し変わるよね・・・?」
キトキット「当然!お前に『いつもの』と言われれば、変えるしかないだろ?」
Mr.M「・・・・・・。(覚えてろ・・・)」

クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking

バナーを作ろう! 第四回「縮小→ボタン風にアレンジ!」

Mr.M「前回はもと画像探しと手順①をやりました!」
キトキット「それじゃ、今回は手順②からだな」
Mr.M「まずは前回までの復讐復習からだよ」

もとになる画像を探す!!

その画像をペイントで編集!!

Mr.M「ザックリ言うとこんな感じかな?」
キトキット「詳しくは第三回を見てもらえば分かるハズだ」
Mr.M「よし!んじゃま、さっそくいこうか!」

手順② 描いた絵を縮小する

①Bidenを開く。

②88×31に縮小して保存する。

バナー作成4

このとき、必ず88×31に近い数字にしてください!!
というのも、88×31でやったとき、ぼくの納得のいく大きさではなかったので。

Mr.M「よし!縮小もオーケーだ」
キトキット「このままサクサク行くぞ!」


手順③ 縮小したものを、ボタン風にする

①Teonを開く。

②お好みでボタン風にアレンジ!!

バナー作成5

Mr.M「さあ、一気に手順③まできました!!」
キトキット「アニメとかだと『急展開すぎてワロタww』とか言われるんだろうな・・・」
Mr.M「ゴルァ!自虐ネタやめい!!」

Mr.Mの日常-ブログランキング-

手順③まででここまできました!

キトキット「ほほう。結構それっぽくなりましたなww」
Mr.M「というか、これでもうほとんど完成なんだよ。まだ仕上げが残ってるけどね」
キトキット「っしゃ~!次!次行くぞ!!」
Mr.M「ご、ごめん。ぼくの都合で今回はここまで・・・。続きは次回!!」
キトキット「なに!?ここでまた次回だと!!これはドラマか!!」
Mr.M「本当にゴメンなさい!!じゃあ、いつもの頼む!!」
キトキット「質問など、その他はコメにて受け付けるぞ!どんな初歩的な質問でもかまわないとのことだ」

クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking

バナーを作ろう! 第三回「もと画像と手順①」

Mr.M「今回からは、いよいよバナー作成本番に入っていくよ!」
キトキット「とりあえず、第二回で紹介したソフトをちゃんとDLできているかの確認から始めるぞ」

・Biden
・Teon
・IrfanView
この3つのソフトをDLしてください!!
バナー作成1

Mr.M「ここまでは理解できたかな?」
キトキット「理解するもなにも、ただDLしただけじゃん」
Mr.M「それじゃあ、まずはもと画像探しから始めよう!!」
キトキット「シカトッ!?」
Mr.M「もと画像探しといっても、ただ画像を探すだけなんだけどね」
キトキット「もと画像ってのは、バナーのもとになる画像のことなのか?」
Mr.M「その通り!これは、もっとも簡単な作業故に、もっとも重要な作業でもあるんだ!」
キトキット「あ?どーゆー意味ですかい?」
Mr.M「この画像しだいで、完成したバナーの全体像。つまり、文字の配置や、バナーそのものの目立ちやすさなんかが決まってくるんだ。当然だけどね?」
キトキット「なるほど。ここでのチョイス次第で、できるバナーのバリエーションが変化していくわけだな?」
Mr.M「そうだね。もうこの段階で、どういうバナーにするのか決めておいた方が、後々失敗が少なくなるよ」

※画像は各々探してください。縦長より、横長の画像をお勧めします。

Mr.M「さて、もと画像は見つかったかな??」
キトキット「・・・。(返事が返ってくるとでも思ってんのか?)」
Mr.M「それじゃあ、ここからはぼくと一緒に進めて行こう!」
キトキット「これはN○Kの子供番組かッ!?」
Mr.M「何を言う!wkwk3の番組は一方的に作って終わりじゃないか!!一緒にしないでもらいたいな!!」
キトキット「まぁ、いいや。んじゃ、さっそくそのもと画像見せろや」
Mr.M「なんで恐喝みたいになってんだよ・・・」
バナー作成2
Mr.M「こんな感じだな」
キトキット「割と普通なのを選んできたな。お前だったら、もっとこう、ベトベトしてそうなのを・・・」
Mr.M「お前はいったい俺を何だと思ってるんだ・・・?ってかベトベトって・・・?」
キトキット「よし!いよいよこれからが本番だ!!気合入れていくぞ!!」
Mr.M「オーケー!まずはペイントを開こう!!」

手順① バナーの絵を描く
①[スタート]→[プログラム]→[アクセサリ]→[ペイント]でペイントを開く。

②オリジナル要素で、絵や文字を入れる。(ブログのタイトルなど)

※[変形]→[キャンバスの色とサイズ]で、[幅]と[高さ]を440×155など、88×31の整数倍に指定しておく。

バナー作成3

このような感じになるハズです

キトキット「手順①はできたかな??」
Mr.M「実を言うと、ぼくはこの作業が一番辛かった・・・」
キトキット「というと?」
Mr.M「なんというか、納得できなくて。自分が納得いくまで編集続けてたら、ホント疲れた・・・」
キトキット「それだけ疲れて、その成果がコレかww」
Mr.M「ああんッ!?」
キトキット「いや、なんでもない」
Mr.M「それじゃあ、今回はここまで!」
キトキット「当然のごとく、分からないことがあればコメにて受け付けるぞ」
Mr.M「遠慮とかいりませんからね。実際、説明の仕方下手ですし・・・」

クリックお願いします!(m。_。)m オネガイシマス
FC2 Blog Ranking
プロフィール

Mr.M

Author:Mr.M
Mr.Mの日常へようこそ!
アニメやマンガ好きなどこにでもいそうな中3の日常を詳しく書き込んでいきます。
また、リボーンをはじめとするジャンプ系のマンガの発売日も掲載中!!
よろしくお願いします!!


プロフィール

名前:Mr.M

性別:男

性格:几帳面(自称)

血液型:A型

住所:愛知県

生年月日:1995年04月08日

年齢:現在16歳(高1)

好きな色:青系

趣味:本屋で立ち読み(実際は座って読む)

好きなマンガ・アニメ:家庭教師ヒットマンREBORN! その他

※当ブログはリンクフリーです。
相互リンクも受け付けます。
ぜひコメントを!!!

曇りのち雨
☆今日の名言☆
人生の80%が努力。19%が運。えっ?残りの1%はって?昼寝だよ。昼寝!!
昼寝も大好きMr.M
人生が輝き出す名言集 第2章


presented by 地球の名言
上記のぼくの名言よりずっといい名言だと思います。 でも、今日の名言コーナーはやめませんよ!絶対!!
デジタル時計

ブログパーツ配布部屋
Comments...A

openclose

最新トラックバック
月別アーカイブ
検索フォーム
マンガ発売日捜索依頼掲示板
只今、捜索中のマンガリスト・・・ 「らき☆すた8巻」・・・・・・・・・・・・ 「ハンターハンター28巻」・・・・・・ 「新テニスの王子様4巻」 「D.Gray-man21巻」
最新記事
現在の閲覧者数
現在の閲覧者数:
閲覧者数の合計
カレンダー
11 | 2019/12 | 01
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
リンク
ブログランキング
Mr.Mの日常-ブログランキング-FC2 Blog Ranking
アクセスランキング
[ジャンルランキング]
日記
9650位
アクセスランキングを見る>>

[サブジャンルランキング]
中学生
19位
アクセスランキングを見る>>
ブロとも一覧

ケケケの悪魔

BLACK FEATHER

ノットさんの趣味日記

I want to be a good boy.

K・Iの部屋 K・I’s room

沖神LOVERS組

PERFECTプロジェクト

ヲタオタ喫茶

DoubleDK

 れぃしき£のまったり日記

爽快!読書空間

やまたくのツイッター事情
カテゴリ
RSSリンクの表示
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
アクセス解析