アフィリエイト
ランキング
サイトマップ
ホーム

初心者でもアフィリエイトで副業

PR
スポンサーサイト [スポンサー広告]  [--/-- --]
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

サイドメニューに広告を
サイドメニューとは、ブログ本文の横に表示されている「最近の記事」や「コメント」などが
表示されている部分です
本文と違い常に表示されているので、広告を貼りたいと思う場所でもあります
今回はサイドメニューに広告を表示する方法を説明します
プラグイン対応のテンプレートを使用している場合はコチラ
記事の上に広告を表示したい場合はコチラ
テンプレートの編集準備
今回はFC2BLOGでの編集方を説明します
ブログサービスによりテンプレートの編集方法は変わってきますが
HTMLの編集するという事は一緒なので、他のブログの方も使えると思います
テンプレメニュー
サイドメニューの何処に広告を入れるのか決めたら
実際に編集して見ます

FC2BLOGの管理ページを開き、左側のメニューの
「環境設定」→「テンプレートの編集」を選びます






「テンプレートの設定」ページが開きテンプレートの一覧が表示されます

テンプレートを編集する前に、今使っているテンプレートと同じ物を追加します
追加したテンプレートで編集を行い、編集が終わった時に元テンプレートへコピーします
こうすれば仮に編集に失敗しデザインが崩れても、ブログを見ている人には影響がありません

テンプレートの追加方法はアフィリエイト入門 前準備のブログのデザインを参照して下さい
今後現在表示されているテンプレートを元テンプレート
編集用に後から追加した物を編集用テンプレートと記述します


ではテンプレートの編集ページを開きます
編集用テンプレートの「修正」をクリックして下さい
テンプレート名の横に旗が付いていないのが編集用テンプレートです
テンプレートの編集ページにHtmlが表示されます 修正







広告の入る場所を探す
Htmlタグがずら~っと表示されています
FC2の場合は上下に2つ表示されますが、上がHtml下がスタイルシートです
今はHtmlを編集するので、上のHtmlの編集画面を使います

まず広告を入れる場所を探さなければ始まりません
ここではテンプレートnomal-blogで場所を探してみます

Html 右の画像がnormal-blogのHtmlソースです
赤で囲まれた部分を見てください。
クリックすると大きい画像が表示されます
最初に<head>があり</head>で終わっています
次の赤で囲まれた部分も<div>があり</div>で終わっています

このようにHtmlは<タグ></タグ>で一つのブロックを作ります
このブロックを崩さないように広告を追加する訳です



貼り付け前

では実際に探してみましょう
右の画像は何もカスタマイズしていないnormal-blogです
今回は 左側のメニューの「Archive」と「Link」の間
赤で囲まれた部分に広告を入れてみます




Html2
テンプレート編集ページに戻ります
Htmlを少し下に進むと右の画像と同じ場所があります
上の赤で囲まれた部分が「Archive」部分のHtml
下の赤で囲まれた部分が「Link」部分のHtmlです
それぞれ<H2><ul>タグで一つのブロックが出来ています

<!--*アーカイブ-->はコメントと言って説明書きです
<!--ここに説明--->と言う形式で書きます

<H2>は見出しタグで、見出しとして「Archive」「Link」を
それぞれ表示しています

<ul>はリストタグで、「Archive」では
■2005-03[31]
■2005-02[27]
のように、月別の記事数を並べて表示しています
「Link」では■IFSを表示しています

広告の貼り付け
貼り付け後


広告を入れる場所は「Archive」ブロックの終わりである</ul>
「Link」ブロックの始まりである<H2>の間になります
青で囲まれた部分が後から貼り付けた広告のHtmlです
編集が終わったらHtmlを保存して下さい
Fc2の場合は更新ボタンを押します



カスタマイズ後


広告を貼り付た後、編集用テンプレートをプレビューしてみます
「Archive」と「Link」の間にA8.netの広告が入っています
プレビューで確認が取れたら、編集用テンプレートを全て選択
コピーし元テンプレートに貼り付け保存すれば、出来上がりです


最後に
何処でブロックが終わっているのか、判断がつかない時は編集用テンプレートで
「広告貼り付け」→「プレビュー」→「修正」を繰り返して行くうちに自然と解るようになります

どうしてもデザインが崩れてしまう場合は
サイドメニューの幅より広告の幅が大きい事も考えられますので広告を小さい物に
変えてみて下さい

ブログにメニューを作る事で古い記事でも見てもらうことが出来ます
8 ブログにメニューを作るへ⇒





スポンサード リンク




2005.06.05
あいたた京太 [#-]
はじめまして、
ブログ、はじめたばかりですが、
今までなぞだった部分が少しわかり始めた、
気がします。
ありがとうございました。
-EDIT
2005.06.05
exe [#/b5XDoic]
いらっしゃいませ~
ブログ始めたばかりなんですね
これから色々疑問がでてくると思いますが
私が答えられる事ならば、答えますので
お気楽に質問してくださいね
では、また遊びに来てくださいませ
-EDIT
2005.07.24
ぴまぴま [#-]
はじめまして。私もブログ始めたばかりで、分からないことだらけです。
早速ですが、教えて下さい。【どなたか助けて下さい】の方のコメントを表示すると表示のしかたが変になってしまっているのですが、どうしてでしょうか?
それと、バナーを両端の部分(格子?)に貼り付けることは可能でしょうか?
突然申し訳ありません。宜しくお願いします。
-EDIT
2005.07.25
exe [#/b5XDoic]
いらっしゃいませ~
>【どなたか助けて下さい】の方のコメントを表示~
ごめんなさい質問の意味が・・・(汗
バナーを両端に貼り付けると言うのが、枠の中に広告を表示すると言う事なら
メニューを作るを参考にしてみてください
サイドバーに貼り付けたいのならこの記事を参考にしてみて下さい
見当違いの答えならごめんなさいね
色々調べていくうちに更に分からない事が出てくると思いますので
また気軽に質問してくださいね
-EDIT
 
現在コメント投稿後URL欄に記入したURLが表示されませんが
管理人には見えていますのでご安心を

Trackback URL

http://ifs.blog5.fc2.com/tb.php/95-b9bf1b3e


PR
PR
サイト内検索
カスタム検索
category
recent Entry
RssFeed

Subscribe in NewsGator Online Add 'ブログで副業アフィリエイト入門 - 雑 記 -' to Newsburst from CNET News.com Subscribe in Bloglines
other

Skin:Babyish-アフィリエイト
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。