JUGEMカスタマイズ:本文上にフリースペースを作る

JUGEMカスタマイズ:本文上にフリースペースを作る 著 者: すいかのたね

JUGEMのブログは未来の日付で投稿しておくことができないようなので、
本文上にインフォメーション用のスペースを作成してみました。

「ブログでSEO効果のあるタグを使おう」のバナーです。
ブログのデザインにあわせたイメージのバナーにしてみました。
何もしなくてもバナーくらいなら貼り付けることはできるんですが、
ヘッダーのタイトルイメージとの行間が詰まってしまうので、
見やすいようにバナーを貼るためのCSSを付け加えました。

もちろんここにはテキストなども挿入可能です。
ただし、そのままじゃ行間が取れないので新しくCSSを追加しないと
いけません。

それからここでタグを利用するには新たにCSSを追加する必要があります。
というのもブログタイトルが。
記事タイトルがなので前回作ったやはブログのレイアウト上、
タグの前に入ってしまうので使えないというわけです。
もしどうしても使いたいとおもうのであれば、
すでに定義されているとは別に新たに設定する必要があります。
私のデザインの場合、
#main h2 として定義されているので、新たなdivタグを追加した上で
h2を定義することになります。
例)#main #info h2
こんな感じになります。
簡単に説明すると
ブログ本文=#main
その中の別の囲み=#info
と定義すると言う感じです。

▼サイト
簡単アフィリエイトで無駄なく稼ぐ方法
大阪のおばちゃん流アフィリエイト術
http://www.55affili8.com/suikanotne/okan.html
アーティクルリソース:http://www.infomake.org/

カテゴリー: ブログ パーマリンク