Seesaa

SeeSaaを使ってWeb構築、カスタマイズや便利TOOLなどのメモ

Seesaa

Seesaa Blogの携帯表示をカスタマイズする

Seeass BlogはシステムでPCサイトと携帯サイトの切り分けをしています。 PC版と違ってカスタマイズのキャパシティは少ないのですが、今回は携帯用の表示画面にバナーを張ってみましょう。 マイブログから 『デザイン』→『コンテンツ(モバ...
Seesaa

Windows Live Writer の設定プラグインをバックアップするソフト『Windows Live Writer Backup-Windows Live Writer Plugins』

このサイトでWordpress、Seesaaなどのライターソフトとして紹介している『Windows Live Writer』なのですが、このソフトバックアップ機能がない。 レジストリなんかちょこちょこやれば何とかできそうだなんて思っていたら...
Seesaa

Seesaa Blogに「Follow me」バッジをつける

Wordpressではプラグインを使って「Follow me」バッジをつけましたが Seesaa にもつけてみたいと思います。 WordpressにtwitterのFollow meバッジを表示してくれるプラグイン『WP FollowMe』...
Seesaa

Seesaa Blog の投稿を『twitter』につぶやいてみる

Seesaaにtwitter機能が追加されて早半月ほど経ちます。 興味のある方はもう使われているとは思いますが、おせっかいで記事にしてみました。 Wordpressの投稿時にTwitterにつぶやいてくれるプラグイン『Post to Twi...
Seesaa

SeeSaaブログでタイトルをカスタマイズしてSEOする

SeeSaaでタイトルは『ブログタイトル』、『記事タイトル』の順で順で表示されます。   TOPページ これを『記事タイトル』、『ブログタイトル』の順で表示するように変更します。 これは、検索エンジン対策で多くのキーワードをロボットに拾って...
Seesaa

SeeSaaブログのデザインをカスタマイズする(タイトルのポイントなど)

SeeSaaデザインも大体出来上がってきました。 遊びでタイトルのポイントと多少の修正を加えてデザインの完成とします。 まずポイントの画像を用意します。今回は 29×25px で作りました。 背景を透明で使うためGIFとします。 SeeSa...
Seesaa

SeeSaaブログのデザインをカスタマイズする(記事部分を変更する)

記事部分の区切りが分かりにくいのでバックに色を入れてみることにした。 CSSを変更します。 ■.blogの変更 .blog { padding:0px 5px 50px 5px; text-align:left; font-family:V...
Seesaa

SeeSaaブログのデザインをカスタマイズする(サイドバーとリンク色の変更)

header部が変更されだいぶイメージが変わったのでそれに合わせサイドバーなどを変更します。 CSSを変更します。 ■まずはカレンダー部 .calendarhead { padding:4px 0px; font-weight:bold; ...
Seesaa

SeeSaaブログのデザインをカスタマイズする(headerの背景を画像にする)

まず背景を用意します。今回は #banner 部は 950px × 150px になっていますのでそのサイズに合わせてillustratorにてつくりました。 これをSeeSaaの ”記事投稿” → ”ファイルマネージャー” でアップし元フ...
Seesaa

SeeSaaブログのデザインをカスタマイズする(サイトの幅を変更する)

サイトデザインのテンプレートは『ライトグレー(両サイドバー)』を選択しましたが、サイトの幅が%でブラウザに合わせて変わるようになっています。 これを変更し固定幅となるようにします。 幅を決めるのは4つ ・全体の幅  #container を...
Seesaa

SeeSaaブログのデザインをカスタマイズする(CSSの見かた)

サイトを作ったことのある方は当然知っていることなのですが、CSSの簡単な見方を説明します。 まずはWeb開発に便利なツール『Web Developer』で書いたFireFoxのアドオンを使うと便利です。 Divの要素を表示させるとこのように...
Seesaa

SeeSaaブログのデザインをカスタマイズする(ローカルでサイト編集する準備)

SeeSaaブログのデザインをオリジナルにするにはHTML(デザイン→HTML→HTML名) とCSS(デザイン→デザイン一覧→タイトル) を変更して行います。 ブログの色やヘッダの画像を変更するぐらいならCSSを変更するだけで結構見栄えが...
Seesaa

Seesaa ブログをWindows Live Writer で投稿する設定 その2

『Seesaa ブログをWindows Live Writer で投稿する設定』でSeesaaへのLive Writerからの投稿を紹介したのだが、LiveWriterのバージョンアップで投稿のアップがうまくいかないとのことなので調べてみた...
Seesaa

SeesaaでGoogleウェブマスターツールを使う

てっきりもう書いていたかと思っていたのだが、『SeesaaでGoogleウェブマスターツールは使えないんでしょうか?』って聞かれたので過去記事を見てみたら『Seesaaで・・・』どころかGoogleウェブマスター自体書いてなかった。 『Se...
Seesaa

SeesaaでGoogle Analyticsをつかう

自分がSeesaaをよく人に勧める理由の中に、Htmlを編集できるということがある。 Htmlの知識があれば、自分好みのBlogにできるわけだが、スクリプトなども埋め込めるのでサイトのアクセス解析ツール”Google Analytics”を...
Seesaa

Seesaa ブログをWindows Live Writer で投稿する設定

『ブログ アカウントの追加』で   『ブログ ホームページのURL』 ブログのURL、 『ユーザ名』 登録したメールアドレス 『パスワード』 登録パスワード 次へ をクリック   『使用するブログの種類』 Movable Type API ...