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

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

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

今当ブログでは記事の上にNet Allianceの広告を表示してますが(2005/06/05時点)
質問がありましたので、今回はエントリーの上に広告表示する方法の解説です


FC2での解説になりますが、他のブログは要望があれば調べますね
編集ページを表示する
FC2の管理ページを開き、左のメニューからテンプレートの設定をクリックして下さい
テンプレートの設定ページが開きましたら、編集したいテンプレートの修正をクリック

HTMLソースが表示されましたね、<>で囲まれた英数字がそれです
内容は解らなくてもOKなのでHTMLが判らない方も安心してください
記事を定義している部分を探す
記事を表示している上に、広告を貼りたいのですから
まず記事の表示を定義している場所を探しましょう

Fc2では、<!--topentry-->の直前が広告を貼る場所です
<!--topentry-->の直後に貼ると、記事の表示数と同じ数繰り返し表示されます
広告用に枠を作る
広告を追加する前に、広告用の枠を作りましょう
面倒な方は下記をコピーして頂いても構いません

<!--*広告用枠-->
<div style="margin:0px 5px;padding: 15px;width:80%;font-size:120%;border-width:1px;border-style:solid;border-color:#000000;">
<!--*下に広告を貼り付けてください-->

<!--*上に広告を貼り付けてください-->
</div>
<!--*広告用枠ここまで-->

上記ソースは下のように表示されます

変更する場合は下記を参考にして下さい
margin 線の外側の余白を数値で指定。上記では、0pxは上下余白 5pxが左右余白
padding 線の内側の余白を数値で指定
width 枠の横幅を%で指定
font-size 枠内の文字の大きさを%で指定
border-width 線の太さを数値で指定
border-style 線の形を指定
border-color 線の色を指定、#ff0000で赤

広告を追加
さて、いよいよ広告を追加します
先ほど作った枠の<!--*下に広告を貼り付けてください-->と
<!--*上に広告を貼り付けてください-->の間に広告を貼り付けてください
これで広告&枠は出来上がりです

ではHTMLソース内の記事を定義している部分つまり<!--topentry-->を見つけてください
そして出来上がった広告&枠のソースをコピーして下さい

余談ですがHtmlは<タグ>と</タグ>で、一つのブロックになっています
出来上がった広告&枠を貼り付ける時、このブロックを崩さない様気をつけてください

何処がブロックか解らない方は、今使っているテンプレートと同じものでテストしてみて下さい
使っているテンプレートに広告を追加するのは、テストが上手く行ってからの方が良いでしょう

blog normal-blogに広告を追加すると右の様になります








blog
枠のソースは幅や余白など多少いじってます
追加する場所など参考にして下さい

解らない事などありましたら、コメントで質問を受け付けてます


サイドメニューに広告表示へ戻る



スポンサード リンク




 
現在コメント投稿後URL欄に記入したURLが表示されませんが
管理人には見えていますのでご安心を

Trackback URL

http://ifs.blog5.fc2.com/tb.php/163-152d95b7


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

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

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