seesaaブログのブログタイトルとブログ説明の位置を変える方法
今日はseesaaブログのブログタイトルと、
ブログ説明の位置を変える方法をお伝えします。
通常seesaaブログのブログタイトルとブログ説明は、
若草のテンプレートであれば、赤で囲ったこの位置にあります。
このヘッダー画像では見辛い事はありません。
ところがヘッダー画像を変更した場合、
画像によっては見辛くなる場合もあります。
例えばこの画像にヘッダー画像を変更した場合、
かなり見辛くなりますよね。
この場合の対処法は、画像をブログのタイトルと被らないものに変えるか、
ブログタイトルの位置を変更するかのいずれかになります。
ブログのヘッダー画像は、ブログの顔ですから、
出来れば好きな画像を使いたいですよね。
という事はブログタイトルなどの位置を変えるしかありません。
seesaaブログはカスタマイズもかなりやりやすくなっています。
今回のブログタイトルと説明も、
その部分のCSSにタグを書き加える事で対処できます。
ブログタイトルと説明の位置を変えると聞くと、
難しそうに聞こえますが、
CSSのタグの位置さえ分かれば、
そんなに難しくはありません。
それでは実際にブログタイトルと、
ブログ説明の位置を変更してみましょう。
今回はseesaaブログへのログインは省略してあります。
seesaaブログへログインするとブログ一覧の画面になります。
ブログタイトルと説明の位置を変えるブログのデザインをクリックします。
次にデザイン設定をクリックします。
変更するテンプレート名をクリックします。
するとそのテンプレートのCSSが表示されます。
h1がブログタイトルで、descriptionがブログ説明になります。
このh1とdescriptionのところに、
相対配置のタグを追加していきます。
このタグを追加すると、位置の変更ができるようになります。
まずはh1のところに相対配置のタグを書き加えます。
position:relativeと書き加えます。
このrelativeが相対配置のタグです。
あとは通常の位置からどれだけズラすかのタグを追加します。
今回は右へ移動しますので、左から350pxという意味で、
left:350px;と書き加えます。
同じくブログ説明のところにもタグを追加していきます。
ブログを表示してみると、
このようにブログタイトルとブログ説明を、
右に移動する事ができました。
今回は右にズラしただけですが、
同じ要領で上下にも移動する事ができます。
上下に移動するには上からの相対位置を追加します。
上からの相対位置のタグはtopを使います。
今回は上から50pxで設定してみましょう。
top:50px;を書き加えます。
ブログを表示させてみると、
先ほどまでブログタイトルの方が上にありましたが、
位置を変えたためにブログ説明より下にきています。
このようにタグを書き加えると、
自分の好きな位置にブログタイトルや、
ブログ説明を配置することができます。
これを覚えておけば、ヘッダー画像を変えたことにより、
ブログタイトルや説明が見辛くなった場合に対処できるようになります。
ヘッダー画像とブログタイトル、説明はブログの顔ですからね。
これで見やすいように対処しましょう。
ブログランキングに参加しています。
このブログの気になるランキングは下のバナーをクリックすると確認できますよ。
結構いいところにいます。
宜しければ応援お願いします。
Googleアドセンスで
月に3万円稼げるようになりました。
Googleアドセンスで
月に3万円稼いだ方法は
下のバナーをクリックして読んで下さい。
初めまして!
ブログ村から訪問させて頂きました。
Seesaaは物販アフィリする時に
よく利用します。
とても使いやすいのでお気に入りです。
Seesaaにも色々な機能はあるのは分かりますが
なかなか使いこなせませんでしたが
サイトを見て参考にさせて頂きました!
宜しくお願いします☆彡
きくよさん、こんにちは。
seesaaブログは使い勝手が良いですよね。
私もアフィリエイトに使っています。
seesaaブログはカスタマイズも割と簡単なので、
私がやっている方法を今後も載せて行きたいと思います。
参考になって良かったです。
新しいバナーを設置したのでタイトル文字と説明文を消すことに成功しました、有難うございます。
他のサイトも色々見ましたがうまく行きませんでした。
タイトルや説明文って
邪魔になる時がありますもんね。
少し古い記事でしたが、
お役に立てて良かったです。