「FC2ブログ【全体編】 」カテゴリ記事一覧


スポンサーサイト

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

忍者AdMax

  

テンプレート(デザイン)を設定するやり方♪

テンプレートとは、 ホームページの雛形(形式)のことです。
簡単に言うと、ホームページのデザインです♪


FC2ブログでは、とても沢山のテンプレートが用意されており、
その数は、シンプルな物から高機能な物まで6000種類以上です!
そして、全てのテンプレートを無料で使用する事が出来ます。


また、それらのテンプレートはカスタマイズ出来る範囲が広いので、
自分好みのブログ・ホームページを作成する事が出来ます(^^)/


今回は「nyan-pink」という、カスタマイズしやすいテンプレートを例に、
FC2ブログのテンプレートを変更するやり方を解説させていただきます。



こんな感じにテンプレートを変更してみます♪


☆テンプレート変更前「初期設定」
FC2ブログテンプレート設定0-1


☆テンプレート変更後「nyan-pink」
FC2ブログテンプレート設定0-2


(補足)

当サイトでは、上記の変更後のテンプレートをカスタマイズして、
初心者の方向けのアフィリエイトサイトの作り方を紹介しています。
良かったら、「nyan-pink」のテンプレートを利用して下さいね♪


※FC2ブログに登録してない方は、こちらを参照下さい。
FC2ブログに登録するやり方♪






1、FC2ブログのログインページにアクセスします。
 ・FC2ブログのログインページ



2、登録メールアドレスとパスワードを入力して、
 【ログイン】をクリックして、FC2ブログにログインます。
FC2ブログテンプレート設定1

※既にログイン状態にある場合は、この画像は表示されません。
『手順3』の画像になります。



3、『設定』のメニューから【テンプレートの設定】をクリックします。
FC2ブログテンプレート設定2



4、『PC用』の項目の【共有テンプレート追加】をクリックします。
FC2ブログテンプレート設定3

※今回は、共有テンプレートでの変更を解説させていただきますが、
【公式テンプレート追加】からでも、同様のやり方で設定が出来ます。
 ちなみに共有テンプレートの方がテンプレートの数が沢山あります。



5、『テンプレート名』と書かれているボックスに
  半角英数で「nyan-pink」と入力し、【検索】をクリックします。
FC2ブログテンプレート設定4

※別のテンプレートを検索したい場合は、下記の補足を参照下さい♪




ブログアフィリエイト(補足)テンプレートを検索するやり方♪


補足1、『テンプレートの説明』のボックスより、キーワード検索できます。
FC2ブログテンプレート設定5-1

※例えば『猫』と記入すると、猫に関連したテンプレートを検索できます。



補足2、『レイアウト』のメニューより、レイアウトで検索できます。
FC2ブログテンプレート変更5-2


☆レイアウトの解説です♪ちなみに当サイトは3カラムです。

1カラム   ・・・ブログ記事だけで目次が無い1列形式。
2カラム   ・・・ブログ記事と目次の2列形式。
2カラム(右)・・・ブログ記事と右に目次がある2列形式。
2カラム(左)・・・ブログ記事と左に目次がある2列形式。
3カラム   ・・・ブログ記事と目次2列の3列形式。



補足3、条件を増やせば、効率良く検索できます。
FC2ブログテンプレート変更5-3







6、【詳細】をクリックします。
FC2ブログテンプレート設定5

※【プレビュー】をクリックすると、どんな感じか確認できます。



7、【追加】をクリックします。
FC2ブログテンプレート設定6



8、テンプレートの追加が完了です♪
 『設定』のメニューから【テンプレートの設定】をクリックします。
FC2ブログテンプレート設定7



9、「nyan-pink」の項目にチェックを入れ、【適用】をクリックします。
FC2ブログテンプレート設定8



10、「nyan-pink」の項目に旗のアイコンが表示されたら、設定完了です♪
  【ブログの確認】をクリックして、ブログを確認してみます。
FC2ブログテンプレート設定9



11、テンプレートを設定する事が出来ました(^^)/
FC2ブログテンプレート設定10



今回は「nyan-pink」のテンプレートを例にしてみましたが、
FC2ブログには、とても沢山のテンプレートがあります!
お気に入りのテンプレートを探してみて下さいね♪


NEXT > レイアウトの枠幅を変更するやり方♪

関  連 > 壁紙を変更するやり方♪
     > FC2ブログの検索バーを消すやり方♪
     > FC2ブログに登録するやり方♪


スポンサーサイト

忍者AdMax

  

FC2ブログの検索バーを消すやり方♪

FC2ブログの上部に表示される
検索バーを消すやり方を解説させていただきます。


こんな感じになります♪


☆初期設定(検索バーがあります。)
FC2ブログの検索バーを消す


☆変更後(検索バーを消します。)
fc2-blog-kensakubar0-1.png


※FC2ブログに登録してない方は、こちらを参照下さい。
FC2ブログに登録するやり方♪






1、FC2ブログの管理画面より、【環境設定】をクリックします。
fc2-blog-kensakubar1.png



2、『ブログ設定』のプルダウンメニューから、
  【検索バーの設定】をクリックします。
fc2-blog-kensakubar2.png



3、『検索バーの利用』のプルダウンメニューから、
  【利用しない】をクリックします。
fc2-blog-kensakubar3.png



4、【更新】をクリックします。
fc2-blog-kensakubar4.png



5、完了です♪ブログを確認してみます。
  検索バーを消す事ができました♪
fc2-blog-kensakubar5.png
 


FCブログの検索バーが気になる方は、
検索バーを消しちゃってくださいね♪


関 連 > 壁紙を変更するやり方♪
    > テンプレートを設定するやり方♪
    > FC2ブログに登録するやり方♪



忍者AdMax

  

壁紙を変更するやり方♪

FC2ブログの壁紙を変更するやり方
解説させていただきます。


こんな感じに壁紙を変更してみます♪


☆初期設定
FC2ブログ壁紙変更1


☆変更後
FC2ブログ壁紙変更2



※お好みの壁紙をご用意ください。
 シンプルな壁紙を探すなら、こちらのサイトがおすすめです♪
blue-green


※FC2ブログに登録してない方は、こちらを参照下さい。
FC2ブログに登録するやり方♪






1、FC2ブログの管理画面より、【ファイルアップロード】をクリック。
FC2ブログ壁紙変更3



2、【ファイル選択】をクリックします。
FC2ブログ壁紙変更4



3、ウィンドウが開くので、お好みの壁紙をダブルクリックします。
FC2ブログ壁紙変更5



4、【アップロード】をクリックします。
FC2ブログ壁紙変更6



補足)アップロードをクリックした際、
   下記のウィンドウが開いた場合は、【OK】をクリックします。
FC2ブログ壁紙変更7
※『次からこの確認を行わない』にチェックを入れると、
 次からは表示されません。



5、アップロードした画像のコードをコピーします。
FC2ブログ壁紙変更8



6、【テンプレートの設定】をクリックします。
FC2ブログ壁紙変更9



7、壁紙を変更するテンプレートの【編集】をクリックします。
FC2ブログ壁紙変更10



補足)これより、プログラムの編集に入ります。
   テンプレートをコピーしておく事をお勧めします。
  【複製】をクリックすると、テンプレートのコピーが作成できます。
FC2ブログ壁紙変更11



8、『スタイルシート編集』のボックスより、body部分を探します。
FC2ブログ壁紙変更12



補足)bodyの部分が見つかりにくい場合。
  【Ctrl+F】でブラウザ右上にウインドウが開きます。
  『body』と記入すると、検出ができます。
FC2ブログ壁紙変更13



9、background: url(~);のかっこ内に、
 『手順5』でコピーしたコードを貼り付けて変更します。
FC2ブログ壁紙変更14

※こんな感じです。background: url(『手順5』でコピーしたコード);
 
※background: urlが無い場合は、body{ ~}の中に、
 background: url(『手順5』でコピーしたコード);を記述して下さい。



10、【プレビュー】をクリックして、確認します。
FC2ブログ壁紙変更15



11、背景画像が変更できていれば、OKです。
FC2ブログ壁紙変更16
※ブログが乱れてしまった場合は、『手順10』のページから、
 別ページへ移動する事で初期状態に戻す事ができます。



12、【更新】をクリックします。
FC2ブログ壁紙変更17



13、完了です!壁紙を変更する事が出来ました♪
FC2ブログ壁紙変更2



背景画像を変更すると、お気に入り感が倍増します(^^)/
お好みの背景画像を探して、変更してみて下さいね♪


関 連 > テンプレートを設定するやり方♪
    > FC2ブログに登録するやり方♪



忍者AdMax

  

レイアウトの枠幅を変更するやり方♪

FC2ブログには、6000種類以上のテンプレートがあります。
それらのテンプレートはカスタマイズ出来る範囲が広い為、
テンプレートのレイアウトの枠の幅を自由に変更できます。


レイアウトの構成は、サイト作成者によって名称は異なりますが、
「container」、「header」、「menu」、「main」、「footer」
5つの部分で構成されている事が多いです。


☆具体的には、こんな感じです♪
レイアウトの枠幅を変更0



今回は「nyan-pink」という、カスタマイズしやすいテンプレートを例に、
FC2ブログのレイアウトの枠幅を変更するやり方を解説します。



こんな感じにレイアウトの枠の幅を変更してみます♪


☆テンプレート変更前
レイアウトの枠幅変更0-1


☆テンプレート変更後(枠の幅を変更します♪)
レイアウトの枠幅を変更0-2


(補足)

当サイトでは、「nyan-pink」というテンプレートを使用して、
初心者の方向けのアフィリエイトサイトの作り方を紹介しています。
良かったら、「nyan-pink」のテンプレートを利用して下さいね♪

※「nyan-pink」のテンプレートを設定するやり方は、こちら♪
テンプレートを設定するやり方♪






1、FC2ブログのログインページにアクセスします。
 ・FC2ブログのログインページ



2、登録メールアドレスとパスワードを入力し、
 【ログイン】をクリックして、FC2ブログにログインます。
レイアウトの枠幅を変更1

※既にログイン状態にある場合は、この画像は表示されません。
『手順3』の画像になります。



3、『設定』のメニューから【テンプレートの設定】をクリックします。
レイアウトの枠幅を変更2



4、「nyan-pink」の項目の【編集】をクリックします。
レイアウトの枠幅を変更3

※「nyan-pink」のテンプレートを追加してない方は、こちらを参照下さい♪
テンプレートを設定するやり方♪


※「nyan-pink」のテンプレートを適用していない方は、
 「nyan-pink」の項目にチェックを入れ、【適用】をクリックして下さい。
レイアウトの枠幅を変更3-1



5、[ nyan-pink ] のスタイルシート編集の部分を編集します。
レイアウトの枠幅を変更4




ブログアフィリエイト(補足)編集の前に行うと良い事


テンプレートを編集する際、誤入力や誤削除などをしてしまうと
ブログが乱れる時があるので、コピーを作成しておくと良いです。


1、使用しているテンプレートの【複製】をクリックします。
レイアウトの枠幅を変更4-1



2、元のテンプレートの下にテンプレートの複製が出来ます。
レイアウトの枠幅を変更4-2







6、「#container」の{ }で囲まれた部分の「width: 770px;」の
  『770』を『920』に変更して「width: 920px;」にします。
レイアウトの枠幅を変更5

※枠幅を『920』に変更するときは、半角英数で入力してください。
※枠幅は『920』でなくても、お好みの数字でも大丈夫です。



ブログアフィリエイト(補足)#containerが見つからない時の対処法


1、キーボードの「Ctrl」と「F」を同時に押します。


2、デスクトップ右上にボックスが表示されるので、探したい文字を入力。
レイアウトの枠幅を変更6



3、探したい文字に色が付いて、検出する事が出来ます。
レイアウトの枠幅を変更7







7、『手順6』と同様に各部分の枠幅を変更していきます。

「#header」  ・・・「width: 770px;」→「width: 920px;」
「#footer」   ・・・「width: 770px;」→「width: 920px;」
「.menu_block」・・・「width: 180px;」→「width: 250px;」
「.main_block」 ・・・「width: 460px;」→「width: 500px;」

※詳細は、『手順8』~『手順11』を参照ください。


ブログアフィリエイト「width: ●●px;」の解説♪

「width: 」は枠の横幅の長さを指定する命令文です。
「●●px;」で横幅の長さを設定します。

今回の場合、
『レイアウトの枠の横幅の長さは、●●pxですよ♪』
といった感じの命令文です。

ちなみに「px」は、ここでは横幅の長さを表す単位です。

※ホームページを作る際に良く使う命令文は、こちら(^^)/
ホームページ作りに良く使うソースコード一覧♪




8、「#header」の{ }で囲まれた部分の「width: 770px;」の
  『770』を『920』に変更して「width: 920px;」にします。
レイアウトの枠幅を変更8

※枠幅は『920』でなくても、お好みの数字でも大丈夫です。
 ただし、『手順6』の「#container」の数字と合わせて下さい。



9、「#footer」の{ }で囲まれた部分の「width: 770px;」の
  『770』を『920』に変更して「width: 920px;」にします。
レイアウトの枠幅を変更9

※枠幅は『920』でなくても、お好みの数字でも大丈夫です。
 ただし、『手順6』の「#container」の数字と合わせて下さい。



10、「.menu_block」の{ }で囲まれた部分の「width: 180px;」の
  『180』を『250』に変更して「width: 250px;」に変更します。
レイアウトの枠幅を変更10



11、「.main_block」の{ }で囲まれた部分の「width: 460px;」の
  『460』を『500』に変更して「width: 500px;」にします。
レイアウトの枠幅を変更11



12、以上で枠幅の変更は終了です♪
 【プレビュー】をクリックして、ブログを確認します。
レイアウトの枠幅を変更12



13、レイアウトの枠幅を変更する事が出来ました♪
レイアウトの枠幅を変更13

※ブログが乱れてしまった場合は、『一度画面を閉じる』
 又は『別のページに移動する』事で初期設定に戻せます。



14、【更新】をクリックしたら、完了です♪
レイアウトの枠幅を変更14



レイアウトの枠幅の変更、お疲れ様でした(^^)/
今回は、便宜上レイアウトの枠幅を指定してしまいましたが、
もちろん自由に枠幅を設定していただいて大丈夫です。


いろいろな数字に変更してみて、変化を実感してみて下さい。
そして、お好みのレイアウトの枠幅にして下さいね♪


NEXT > サイトタイトルのサイズと位置を変更するやり方♪

関  連 > テンプレートを設定するやり方♪
     > 壁紙を変更するやり方♪
     > FC2ブログの検索バーを消すやり方♪
     > FC2ブログに登録するやり方♪



忍者AdMax

  

サイトタイトルのサイズと位置を変更するやり方♪

FC2ブログでHPやアフィリエイトサイトを作っていると、
文字のサイズや位置を変更したいと思う事があると思います。


FC2ブログはカスタマイズ出来る範囲がとても広いので、
文字のサイズや位置を簡単に自分好みに変更する事ができます♪
当然、サイトタイトルのサイズと位置を変更する事も可能です!


今回は「nyan-pink」という、カスタマイズしやすいテンプレートを例に、
FC2ブログのサイトタイトルの文字のサイズと位置を変更するやり方
解説させていただきます。



こんな感じにサイトタイトルのサイズと位置を変更してみます♪


☆テンプレート変更前
タイトルのサイズと位置を変更0-1


☆テンプレート変更後(サイトタイトルのサイズと位置を変更します♪)
タイトルのサイズと位置を変更0-2


(補足)

当サイトでは、「nyan-pink」というテンプレートを使用して、
初心者の方向けのアフィリエイトサイトの作り方を紹介しています。
良かったら、「nyan-pink」のテンプレートを利用して下さいね♪

※「nyan-pink」のテンプレートを設定するやり方は、こちら♪
テンプレートを設定するやり方♪






1、FC2ブログのログインページにアクセスします。
 ・FC2ブログのログインページ



2、登録メールアドレスとパスワードを入力し、
 【ログイン】をクリックして、FC2ブログにログインます。
タイトルのサイズと位置を変更1

※既にログイン状態にある場合は、この画像は表示されません。
『手順3』の画像になります。



3、『設定』のメニューから【テンプレートの設定】をクリックします。
タイトルのサイズと位置を変更2



4、「nyan-pink」の項目の【編集】をクリックします。
タイトルのサイズと位置を変更3

※「nyan-pink」のテンプレートを追加してない方は、こちらを参照下さい♪
テンプレートを設定するやり方♪



5、[ nyan-pink ] のスタイルシート編集の部分を編集します。
タイトルのサイズと位置を変更4




タイトルのサイズと位置を変更(補足)編集の前に行うと良い事♪


テンプレートを編集する際、誤入力や誤削除などをしてしまうと
ブログが乱れる時があるので、コピーを作成しておくと良いです。


1、使用しているテンプレートの【複製】をクリックします。
タイトルのサイズと位置を変更4-1



2、元のテンプレートの下にテンプレートの複製が出来ます。
タイトルのサイズと位置を変更4-2







6、[ nyan-pink ] のスタイルシートの中から、
  「.blog_title」の{ }で囲まれた部分を探します。
タイトルのサイズと位置を変更4-3




タイトルのサイズと位置を変更(補足).blog_titleが見つからない時の対処法


1、キーボードの「Ctrl」と「F」を同時に押します。


2、デスクトップ右上にボックスが表示されるので、探したい文字を入力。
タイトルのサイズと位置を変更5-1



3、探したい文字に色が付いて、検出する事が出来ます。
タイトルのサイズと位置を変更5-2







7、「.blog_title」の{ }で囲まれた部分の「font-size: 24px;」の
  『24』を『30』に変更して「font-size: 30px;」にします。
タイトルのサイズと位置を変更5

※数字を『30』に変更するときは、半角英数で入力してください。
※数字は『30』でなくても、お好みの数字でも大丈夫です。


ブログアフィリエイト「font-size: ●●px;」の解説♪

「font-size: 」は文字のサイズを指定する命令文です。
「●●px;」で文字のサイズを設定します。

『サイトタイトルの文字のサイズは、●●pxですよ♪』
といった感じの命令文です。

ちなみに「px」は、文字のサイズを表す単位です。

※ホームページを作る際に良く使う命令文は、こちら(^^)/
ホームページ作りに良く使うソースコード一覧♪




7、「.blog_title」の{ }で囲まれた部分の中に
  「padding-top: 30px;」と入力します。
タイトルのサイズと位置を変更6
※入力は半角英数で行ってください。


ブログアフィリエイト「padding-top: ●●px;」の解説♪

「padding」は「内側の余白」という意味です。
「padding-top」は、内側の余白の上部分を指定する命令文です。
「●●px;」で余白の上部分の幅の長さを設定しています。

『サイトタイトルの内側の余白の上部分は、●●pxですよ♪』
といった感じの命令文です。

ちなみに「px」とは、余白の幅を表している単位です。

※ホームページのプログラムの解説は、こちらを参照ください♪
ホームページ作成時に良く使うブログラム集♪




8、以上でサイトタイトルの変更は終了です♪
 【プレビュー】をクリックして、ブログを確認します。
タイトルのサイズと位置を変更7



9、サイトタイトルのサイズと位置を変更する事が出来ました♪
タイトルのサイズと位置を変更8

※ブログが乱れてしまった場合は、『手順8の画面を閉じる』又は
『手順8の画面から別のページに移動する』事で初期設定に戻せます。



10、【更新】をクリックしたら、完了です♪
タイトルのサイズと位置を変更9



サイトタイトルのサイズと位置の変更、お疲れ様でした♪
今回は、便宜上、サイズと位置を指定してしまいましたが、
もちろん自由に設定していただいて大丈夫です(^^)/


いろいろな数字に変更してみて、変化を実感してみて下さい。
そして、サイトタイトルを自分好みに設定して下さいね♪


NEXT > 紹介文(ブログの説明)を設定するやり方♪

関  連 > テンプレートを設定するやり方♪
     > 壁紙を変更するやり方♪
     > FC2ブログの検索バーを消すやり方♪
     > FC2ブログに登録するやり方♪



忍者AdMax

  

 当サイトでは、
 『アフィリエイトを始めよう!!』という方へ、
 アフィリエイトサイトの作り方を紹介しています♪

 パソコンが苦手な方やアフィリエイト初心者の方にも、
 分かりやすい様に丁寧に解説しています♪

 良かったら、こちらのページを参照ください(^^)/
アフィリエイトサイトの作り方♪

おすすめ♪
アフィリエイトの解説

アフィリエイトの仕組みを解説♪


おすすめASPの紹介♪
FC2アフィリエイトの解説

FC2アフィリエイトに登録する


FC2アフィリエイトに登録する
(FC2IDをお持ちで無い方)



FC2アフィリエイトにブログを
登録する



FC2アフィリエイトの広告と
提携申請する



FC2アフィリエイトの広告を
ブログ記事に載せる



FC2アフィリエイトの広告を
ブログ目次に載せる



FC2アフィリエイトの報酬を
FC2ポイントに変換する


A8.netの解説

A8.netに会員登録する


A8.netの広告と提携申請する


A8.netの広告をブログ記事に載せる


A8.netの広告をブログ目次に載せる


A8.netで自己アフィリエイトする


A8.netにサイトを追加する

忍者AdMaxの解説

忍者AdMaxの解説と注意点


忍者AdMaxに登録する


忍者AdMaxの広告を作成する


忍者AdMaxの広告をブログに載せる


忍者AdMaxの広告を目次に載せる


忍者AdMaxの報酬を増やす

最新記事

カテゴリ一覧

リンク

優良求人サイト一覧
 おすすめの求人サイトを紹介♪


原色大辞典
 WEB色の見本サイト♪


PAKUTASO(ぱくたそ)
 おすすめのフリー素材サイト♪


YYCの出会い攻略法を丁寧解説
 YYCの攻略法を丁寧解説♪



ブロとも申請フォーム

ブロともになってくれる方、募集中♪

この人とブロともになる


カウンター

ご訪問、ありがとうございます♪



FC2ブログランキング

 よろしければ、応援お願いします♪

     

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