本サイトはプロモーションが含まれています。

初心者にも使いやすいツールランキング
1位 第一位はバナープラスです。 なんといっても使いやすい。難しい操作は一切なし。 あらかじめ用意されたパーツを組み合わせるだけなので、 初心者の方でも簡単にそして綺麗にバナーやヘッダー画像が作れます。 これを持っておくとオリジナルのものが作れるのでサイト作成の幅が広がりますよ。 ちなみにこのサイトのバナーは全てバナープラスで作っています。
2位 第二位はシリウスです。 シリウスには初心者の方でも簡単に使えるように初心者モードというものがあります。 それにHTMLやCSSの知識がなくても誰にでも簡単に綺麗なHTMLサイトが作れます。 SIRIUS上位版を購入すればスマホサイトも自動で作ってくれます。 手軽さ使い勝手を考えるとバランスの良いツールだと言えます。
3位 第三位は賢威です。 賢威はSEOマニュアルが付いていたり、上位表示されやすいというメリットがあります。 でも、初心者の方が簡単に使えるのかというと、そうではありません。 賢威を使うためには、やはり最低限のHTMLやCSSの知識が必要となります。 今回のランキングは初心者の方にも使いやすいのかというテーマなので、 どうしてもこの順位になってしまいます。でも、賢威は良いツールですよ。

seesaaブログのブログタイトルとブログ説明の位置を変える方法

今日はseesaaブログのブログタイトルと、

ブログ説明の位置を変える方法をお伝えします。


通常seesaaブログのブログタイトルとブログ説明は、

若草のテンプレートであれば、赤で囲ったこの位置にあります。


sisaidou1

このヘッダー画像では見辛い事はありません。

ところがヘッダー画像を変更した場合、

画像によっては見辛くなる場合もあります。


sisaidou2


例えばこの画像にヘッダー画像を変更した場合、

かなり見辛くなりますよね。

この場合の対処法は、画像をブログのタイトルと被らないものに変えるか、

ブログタイトルの位置を変更するかのいずれかになります。


ブログのヘッダー画像は、ブログの顔ですから、

出来れば好きな画像を使いたいですよね。

という事はブログタイトルなどの位置を変えるしかありません。


seesaaブログはカスタマイズもかなりやりやすくなっています。

今回のブログタイトルと説明も、

その部分のCSSにタグを書き加える事で対処できます。


ブログタイトルと説明の位置を変えると聞くと、

難しそうに聞こえますが、

CSSのタグの位置さえ分かれば、

そんなに難しくはありません。



それでは実際にブログタイトルと、

ブログ説明の位置を変更してみましょう。

今回はseesaaブログへのログインは省略してあります。

seesaaブログへログインするとブログ一覧の画面になります。


sisaidou3

ブログタイトルと説明の位置を変えるブログのデザインをクリックします。


sisaidou4

次にデザイン設定をクリックします。


sisaidou5

変更するテンプレート名をクリックします。


sisaidou6



sisaidou7

するとそのテンプレートのCSSが表示されます。

h1がブログタイトルで、descriptionがブログ説明になります。


このh1とdescriptionのところに、

相対配置のタグを追加していきます。

このタグを追加すると、位置の変更ができるようになります。


sisaidou8

まずはh1のところに相対配置のタグを書き加えます。

position:relativeと書き加えます。

このrelativeが相対配置のタグです。


あとは通常の位置からどれだけズラすかのタグを追加します。

今回は右へ移動しますので、左から350pxという意味で、

left:350px;と書き加えます。


sisaidou9

同じくブログ説明のところにもタグを追加していきます。

ブログを表示してみると、


sisaidou10

このようにブログタイトルとブログ説明を、

右に移動する事ができました。

今回は右にズラしただけですが、

同じ要領で上下にも移動する事ができます。

上下に移動するには上からの相対位置を追加します。


sisaidou11

上からの相対位置のタグはtopを使います。

今回は上から50pxで設定してみましょう。

top:50px;を書き加えます。

ブログを表示させてみると、


sisaidou12

先ほどまでブログタイトルの方が上にありましたが、

位置を変えたためにブログ説明より下にきています。


このようにタグを書き加えると、

自分の好きな位置にブログタイトルや、

ブログ説明を配置することができます。


これを覚えておけば、ヘッダー画像を変えたことにより、

ブログタイトルや説明が見辛くなった場合に対処できるようになります。

ヘッダー画像とブログタイトル、説明はブログの顔ですからね。

これで見やすいように対処しましょう。


ブログランキングに参加しています。

このブログの気になるランキングは下のバナーをクリックすると確認できますよ。

結構いいところにいます。

宜しければ応援お願いします。

にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

Googleアドセンスで

月に3万円稼げるようになりました。

Googleアドセンスで

月に3万円稼いだ方法は

下のバナーをクリックして読んで下さい。




4 Responses to “seesaaブログのブログタイトルとブログ説明の位置を変える方法”

  1. きくよ より:

    初めまして!

    ブログ村から訪問させて頂きました。

    Seesaaは物販アフィリする時に
    よく利用します。

    とても使いやすいのでお気に入りです。

    Seesaaにも色々な機能はあるのは分かりますが
    なかなか使いこなせませんでしたが

    サイトを見て参考にさせて頂きました!

    宜しくお願いします☆彡

    • 智直 より:

      きくよさん、こんにちは。

      seesaaブログは使い勝手が良いですよね。
      私もアフィリエイトに使っています。

      seesaaブログはカスタマイズも割と簡単なので、
      私がやっている方法を今後も載せて行きたいと思います。
      参考になって良かったです。

  2. 吉松 より:

    新しいバナーを設置したのでタイトル文字と説明文を消すことに成功しました、有難うございます。
    他のサイトも色々見ましたがうまく行きませんでした。

    • 智直 より:

      タイトルや説明文って
      邪魔になる時がありますもんね。

      少し古い記事でしたが、
      お役に立てて良かったです。

智直 へ返信する

CAPTCHA


にほんブログ村 小遣いブログ アフィリエイトへ
にほんブログ村

このページの先頭へ