記事内にアドセンスやランキングバナー等を挿入する方法

今回は、シーサーブログの記事内にアドセンスやランキングバナー、 定型文等を挿入するカスタマイズです。 記事の投稿の度に、同じこと繰り返すのは面倒なので、 記事中に挿入して定型化してしまいましょう。 [デザイン] → [コンテンツ] →[記事]→[コンテンツHTML編集] と進み 以下のような部分を探します。 <div class="blogbody">で検索す…

自由形式にタイトルを入れる方法

シーサーブログの「自由形式」にタイトルを入れるカスタマイズです。 [デザイン] → [コンテンツ] →[自由形式]→[コンテンツHTML編集] と進み <% content.header -%> <% content.free.text %> <% content.footer -%> の部分を <div class="sidetitle"> 表示したい内容 </div> <div clas…

記事内の行間隔と文字間隔を変更する

シーサーブログのデフォルト設定では、行間隔、文字間隔が狭いので、 今回は、見やすくなるようにカスタマイズしたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 ctrl+Fで#contentを検索するとすぐ見つかります。 #content { margin:0px 0px 0px 15px; float:left; width:500px; font-size:12px; font-family:Verdana; } 見つけたら次のように書き加えま…

オークションでも出そうかな。実家にお宝が！

ブログのカスタマイズもひと息して、しばしまったりとしています。 カスタマイズの進捗に併せて記事書いて行こうと思いましたが、 サクッと背景なんかシンプルにブルー系にチェンジしました。 最近、子供がカード、カードとうるさい・・・ 二言目には、バトスピカード買って買ってと。 つい先日も大人買い。箱ごと2箱楽天で買ってやったのですが、 どうもお目当てのカードが当たらなかったらしく、 子…

サイドバータイトルの文字サイズと色を変更する

今回は、サイドバータイトルの文字サイズと文字色の変更を行いたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 .sidetitle { color:#6E8C4C; font-size:12px; padding:5px 5px 10px 5px; margin-bottom:0px; font-weight:bold; text-align:left; font-family:Verdana; border-top:5p…

ブログ説明文の文字サイズと色を変更する

今回は、ブログの説明文の文字サイズと文字色の変更を行いたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 #banner{ font-family:Verdana; margin:0px 0px 30px 0px; text-align:left; padding:0px 20px 0px 20px; } .description { color:#6E8C4C; font-size:12px; line-height:…

ブログタイトルの文字サイズと色を変更する

今回は、ブログタイトルの文字サイズと文字色の変更を行いたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 h1 { margin:0px 0px 0px 0px; padding-top:30px; font-weight:bolder; font-size:20px; } h1 a{ color:#fff; text-decoration: none; font-weight:bolder; } 文字サ…

日付の文字サイズを変更する

今回は、記事日付の文字サイズの変更を行いたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 .date{ clear:left; font-size:14px; font-weight:normal; padding:5px; margin:0px 200px 0px 0px; background-color:#6E8C4C; color:#fff; } font-size:12px; サイズを任意の大きさに変更して完了です…

記事タイトルの文字サイズを変更

今回は、記事タイトルの文字サイズの変更を行いたいと思います。 [デザイン] → [デザイン一覧] → [適用中のデザイン]から 以下の部分を探します。 h3 { font-size:12px; font-weight:bolder; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; border-bottom:1px dotted #7ABD3C; } 注意 前回管理人は記事タイトルと日付を入れ変えるカスタマイズを 行いましたので、管理人は現在h2が記事タイトルの要素…

記事タイトルと日付を入れ替える

検索エンジンが重要視する部分の一つとして見出しがありますが、 ソースを見ると、タイトルがh1、日付がh2、記事タイトルがh3と なっています。 日付が記事タイトルより重要とは思えませんので、これを入れ替えて みたいと思います。

記事の幅を変更する

管理人がベースとして利用しているテンプレート シンプルクリアグリーン（両サイドバー）は、 初期設定ではメインカラム記事幅（content）が350pxしかないので 500pxに広げてみたいと思います。 [デザイン]→[デザイン一覧]からスタイルシートを変更します。 （カスタマイズは、元のスタイルシートを複製したもので行いましょう。） スタイルシートの #content { margin:0px 0px 0px 15px; float:left; width:

3カラム両サイドを3カラム右レイアウトに変更

まず始めに、3カラム両サイドバーを3カラム右レイアウトに変更したいと思います。 まず、[デザイン]→[HTML]からHTMLを編集します。 （初期ではデフォルトHTMLしかないのでHTMLを追加しておきます。） 開いて以下のようなHTMLソース部分を探します。 （探す時はCtrl+Fで検索すると便利です。） <% if:have_content_left -%> <div id="links-left"> <% con…

Seesaaブログの広告を消す

SeesaaBLOGでは、初期設定で以下のような広告サービスが 自動的に付加されていますので、これらの広告を消すカスタマイズを行いたいと思います。 ヘッダー広告 サイドバー（ボックス広告、バナー広告、商品紹介等） キーワードマッチ広告（本文中の特定キーワード） キーワードマッチ広告（記事下） RSS広告 60日間更新が無い場合、自動的に広告を表示 検索経由のユーザーに対して広告を表示

はじめに

管理人が、使用するデザインは、 シンプルクリアグリーン（両サイドバー）です。 これをカスタマイズしていきたいと思います。

ブログ開設

本日、ブログ開設しました。 これからSeesaaブログのカスタマイズを 一から実践していきたいと思います。 html、css等知識の少ない管理人ですが少しずつ勉強しながら やっていきたいと思います。