人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlやcss、ライブドアブログのhtml、css編集に詳しい方に質問です。

すべての記事の上に広告文、下に相互リンクしてもらっているブログの紹介が載るように設定したいのですが、どのようにすればいいのかわかりません。

たとえば次のような感じです。
http://mozanasi.blog73.fc2.com/blog-entry-4631.html(エログなので18歳未満はアクセス禁止でお願いします。)

私が更新しているブログは
http://jyosikousei.net/(同じくエログです。)
です。

記事の上に、広告を1つ、記事の下に画像を使って相互リンク先を紹介したいです。

ライブドアブログでの具体的な編集の仕方を教えてくださる方、お手数ですが、どうぞご教授ください。

よろしくお願いします。






●質問者: rakusutasia
●カテゴリ:ウェブ制作 趣味・スポーツ
✍キーワード:CSS HTML アクセス エログ ライブドアブログ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●60ポイント ベストアンサー

「デザインのカスタマイズ」でHTMLを編集します。

※一部だけ抜粋していますので、検索して該当箇所を編集してください。

※CSSで余白などのデザインを決めています。

・個別記事の場合は、「個別記事ページ」を編集

記事上部に挿入する場合

<!-- ..... MainColumn ..... -->
<div id="main" class="column">
<div class="column-inner">
<div class="column-inner-2">
<!-- ここに追加 -->
<div class="org-add1">
ここに広告のHTMLを記述
</div>
<!-- ここに追加 -->

記事下部に挿入する場合

<li class="article-tool-box"><$ArticleToolBox$></li>
</ul>
<!-- ここに追加 -->
<div class="org-add2">
ここに以下のように表示したいHTMLを記述します。<br>
<img src="画像のURL"><br>
<a href="http://blog.livedoor.jp/">livedoor ブログ</a><br>
<a href="http://www.google.co.jp/">Google 検索</a>
</div>
<!-- ここに追加 -->

「スタイルシート(CSS)」の編集で以下を追加します。

.org-add1 {
text-align: left;
padding: 20px 5px 5px;
}

.org-add2 {
text-align: left;
padding: 5px;
}

※サイズは好みで変更して大丈夫です。


・トップページの各記事の上部に挿入する場合

<div class="article-outer hentry">
<div class="article-outer-2">
<!-- ここに追加 -->
<div class="org-add1">
ここに広告のHTMLを記述
</div>
<!-- ここに追加 -->

・トップページの各記事の下部に挿入する場合

<li class="article-tool-box"><$ArticleToolBox$></li>
</ul>
<!-- ここに追加 -->
<div class="org-add2">
ここにHTMLを記述します。<br>
<img src="画像のURL"><br>
<a href="http://blog.livedoor.jp/">livedoorでブログを始める!</a><br>
<a href="http://www.google.co.jp/">Google 検索</a>
</div>
<!-- ここに追加 -->
◎質問者からの返答

ありがとうございます!無事、うまく表示することができました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ