⑥独自バナーを作成し、URL先にジャンプさせる方法!【中級編】




⑥独自バナーを作成し、URL先にジャンプさせる方法!【中級編】


この項では、独自のバナーを作成し、
そのバナーをクリックすると、
ジャンプさせたい記事へ
ジャンプさせる方法を掲載させて頂きます。


ここで使用するソフトは、ワード2003にて説明させて頂きます。




1) ワードを立ち上げバナー画像の形を選択する。


↓バナー画像形形成画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓四角形が表示されていない場合の選択画像↓

画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



2) 四角形を壁画する。

↓四角形を壁画した画像↓

画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



3) ワードアートで文字のスタイルを選択する。

↓ワードアートスタイル選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



4) 文字を入力する。

↓ワードアート文字種の選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓文字入力後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



5) 文字の前後を合す。

↓文字入力OK後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓文字選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓文字を前面に出した画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



6) 文字の位置を合す。

↓文字の位置を合わせた画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

文字が選択された状態で、上下左右ボタンで文字の位置を合す。
【CTRL】ボタンを押しながら上下左右ボタンでこまかな移動が出来ます。



7) 四角形の大きさを合す。

↓四角形の選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓四角形の形状変更画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



8) 四角形に色を付ける。

↓四角形の色合わせの画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

一色であればそのまま好みの色を選択して下さい。
ここでは、少しアレンジした配色を選択します。

              

↓塗りつぶし効果選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓配色選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓配色決定画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓配色決定後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



9) 四角形の線を非表示にする。

↓四角形の線なしを選択する画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓線なし決定後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



10) 文字を選択し、同様に色を配色する。

↓文字配色後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



11) 文字と四角形を同時に選択しコピーする。


↓文字と四角形の選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓文字と四角形のコピー画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



12) ペイントを立ち上げ貼り付けする。


↓ペイントに貼り付け選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓ペイントに貼り付け後画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



13) トリミングを行う。

↓トリミング選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓トリミング後画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



14) JPEGにて保存する。

↓保存選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓JPEG保存画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



15) JPEG画像をウェブリブログにアップロードする。


↓ウェブリブログ画像リスト選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓JPEGアップロード選択画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓JPEGアップロード後画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



16) アップロード後の画像を記事に貼り付ける。

↓画像貼り付け位置にカーソルを合わせる画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

ウェブリブログ画像リスト選択画像と同様に画像リストをクリックする。
↓画像貼り付け画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

              

↓ファイルURL貼り付け後画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



↓何も変更しなかった場合の画像↓

画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑




17) 画像をクリックすると、夢を叶えるプロセス日記へジャンプさせる。

夢を叶えるプロセス日記のURL
       
http://yumekanaerupurosesu.seesaa.net/

ファイルURL貼り付け後画像内のURLを変更する。

↓URL変更の位置画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑

       

↓URL変更後の画像↓
画像

↑画像をクリックすると、拡大画像を別ウィンドウで確認できます↑



↓URLを変更した画像(バナー)↓

画像

↑画像をクリックすると、夢を叶えるプロセス日記へジャンプします↑





以上が独自バナーを作成し、URL先にジャンプさせる方法となります。
お疲れ様でした。





次のステップ⑦へ!  こちらをクリック(お小遣い獲得編)!



↓応援ポチッよろしくお願い申し上げます↓
にほんブログ村 ネットブログへ  人気ブログランキングへ
↑あなたのポチッに感謝ですm(__)m↑





この記事へのコメント

この記事へのトラックバック