FC2ブログ

Bubble's cafe

みずきServer在住Bubbleの成長の記録!超低火力&超遅育成で頑張っております・w・b

<< PREV | PAGE-SELECT | NEXT >>

>> EDIT

スポンサーサイト

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

| スポンサー広告 | --:-- | comments(-) | trackbacks(-) | TOP↑

>> EDIT

FC2ブログランキング用バーナー画像製作方法

ブログランキング用の画像制作手順をご紹介します。

長くなったので追記に書いてます。



今日はバーナーの簡単な作り方をご紹介させて頂きます。


それといって特別な知識は要りませんし、こんな雑魚でも右記のようなバーナーがつくれちゃうわけです。

科学の進歩はすごいですねぇ・・・・・




さて 

まずは準備

~用意するもの~

・バーナー用画像
・やる気



では早速作ってみましょう!!!

まずはこちらへ飛んで→写真画像加工編集サイト・フリーソフト【無料バナー作成工房】

続いて 「バーナー・アイコン」を選択。

maple 171


その後 [バーナー]→[2,ご自分の画像をバナーサイズに切り取って作る]へ

そして ファイル選択より用意したバーナー用画像を選択しアップロード。

maple 172

そして「送信」をクリック


すると編集画面が出てきます

maple 173

範囲を自由指定して「切り取りボタン」をポチっと!!

ここでは大きさは関係ないので、自分がバーナーに使用したい部分を切り取ってください

maple 174

① 入れたい文字を入力 ここでは「FC2 Blog Ranking」としています

② 文字の色を指定 「色を選択」をクリックするとかなりの色の中から選べます

③ 文字の縁の色を指定 文字の縁取りが指定した色でされます

④ 影 正直言って大差ないのであんまり変えなくても・・・・

⑤ サイズ 文字のサイズです。ここではできるだけ大きくしてください。
                  あとでバナーサイズに縮小するので・・

⑥ 太さ 文字の太さです。こちらは「太い」推奨

⑦ 書体 文字フォントです。字体を変えれます。サンプルを押すと見本が表示されます

⑧ 文字の角度 字が傾いて並べられます。 斜体とは別物なので注意!



以上を設定したら画像中で文字を挿入したい部分をクリックすれば文字が入ります!


何度でも調整できます。



次は大きさをバーナーサイズにしていきます

maple 175


左メニューから「拡大・縮小」をクリック

そして「88×31バーナーサイズにする」をクリックすれば大きさが変わります!



最後に「画像ダウンロード」をクリックすればダウンロードが開始されます!!

maple 176


これで画像の制作は終了です


まずは「ファイルのアップロード」より作ったバーナー用画像をアップロードしてください。

アップロードが終わったら画像をクリックして出てきたURLをコピー。

maple 180


続いて左メニューのプラグイン設定→FC2ブログランキングで詳細をクリック

maple 178

プラグインの改造→htmlの編集へ


続いてFC2ブログランキングバーナーhtml内の
img src=" のあとにあるhttp://~Ranking までを消して、


maple 181

            
そこへ切り取った部分を貼り付け!!!

maple 182




※両サイドの["]は残したままにしないと画像が表示されませんので注意!!


そして「プレビュー」を押して問題なく表示、リンクされればOKです^^


maple 183

最後に「設定」を押せば終了です!!!!



お疲れ様でした!!
スポンサーサイト

| ブログランキング用バーナー製作法 | 12:46 | comments:0 | trackbacks:0 | TOP↑















非公開コメント:

http://bubblecafe.blog.fc2.com/tb.php/21-a5258910

<< PREV | PAGE-SELECT | NEXT >>

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