スポンサーサイト 

--/--/-- スポンサー広告 | トラックバック(-) | コメント(-)

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 複数ファイルアップロード機能 

2009/05/02 画像のアップロード | トラックバック(0) | コメント(0)

ふと気がついたら、FC2ブログのファイルのアップロードに
複数ファイルという機能がついていました(*^^*)

3月25日からあったそうですが('〇';)

同時にアップロードできるのは、6件まで。
使ってみましたが、かなり便利です。

これで、もう別のプログラムを使う必要もなくなりましたね。

他のブログ各社もこれを真似て、速くこの機能を追加して欲しいものです。
スポンサーサイト

 ユーザータグ 

2009/03/31 カスタマイズ | トラックバック(0) | コメント(0)

FC2ブログユーザータグを最近になって使ってみました。

今までは、タグを付加するとそこにリンクが設定されるので、
読みにくいと、ただそれだけの理由で使わなかったもの。

考えてみれば、CSSでそのリンクの設定を直せばいいことだったんですけどね。
タグについての思い入れがなかったので、面倒だっただけ。

ちょこっと検索してみると、いろいろと便利なカスタマイズのサイトを見つけたので、
メモしておきます。

FC2公式マニュアル・ユーザータグ
 大したことは書いてありませんが、基礎知識を!

ソーシャルブックマークが使いやすくなるタグの付け方7つのコツ(ホームページを作る人のネタ帳)
 タグをつける前に一度読んでおくと役に立ちます。

続ユーザータグ(ひよこ君増殖中)
 こちらで配布しているテンプレートでの、
 ユーザータグリンクと一般リンクを区別する記述があります。

FC2ブログのmeta keywordsを最適化するカスタマイズ( WebとPCのメモ帳)
 ユーザータグを各ページのキーワードにする方法が説明されています。

FC2のユーザータグをリストにして表示する( WebとPCのメモ帳)
 タグをリスト化してブログに表示させる方法がわかりやすく書かれています。
 本文中のタグは目立たないようにして、最後にリスト化するといいなぁと
 参考にさせていただきました。
 こちらのサイトには、他にも参考になることがいっぱい!
 サイトマップをブックマークしておくといいですね。

 livedoorブログ 

2009/03/11 ブログ選び | トラックバック(0) | コメント(0)

今いくつかブログを持っていますが、その中のひとつが美味しい話

ブログの性格上、食べ物の種類で分類していますが、
地域別にも分けたいなぁと思っていました。

つまりひとつの記事にカテゴリーが2つできたらなぁと。

ちょっと調べてみたら、livedoorブログはそれができるそうな。

ID取って、試してみたらやっぱり便利ですね。

livedoorブログは、データのインポートも非常に簡単!
なんと写真まできちんと移行できます。

FC2からデータをエクスポートするときには、画像はダウンロードできず、
テキストデータのみになるのですが、
そのテキストデータをlivedoorにインポートすると、
きちんと画像データもインポートされる仕組み。

すごいです!

livedoorブログ

 IE6とIE7を共存させる 

2009/03/10 問題解決ヒント | トラックバック(0) | コメント(0)

まったくもって迷惑な話ですが、ブラウザによってデザインが崩れてしまうこと。

とりあえず他のブラウザもPCに入れて確認するのがベストです。

IE以外のものは、単純にダウンロードすればOK!

IEの場合は、ちと面倒。
すでにIE7にバージョンアップしてしまうと、IE6をダウンロードすることはできません。
仕方なくスタンドアロンのIE6をXPには入れていたのですが・・・

便利なツールを発見しました。
もう既にあちこちで紹介されていますけれど^^

仏Core Services社製のフリーウェブブラウザIETester
ietester.jpg
WEBサイトは英語ですが、日本語対応ソフトです。

WindowsXP(SP2~)、Vista対応。

 XPとVistaのフォント(1) 

2009/03/01 問題解決ヒント | トラックバック(0) | コメント(0)

買ってからずっと埃をかぶっていたVistaのマシンを使って、
別のブログのデザインを変更してみました。
FC2の共有テンプレートを拝借、そのスタイルシートをちょこちょこいじったりして。

で、めでたく完成☆(*^o^)乂(^-^*)☆ ヤッタネ!!

よかったよかったと、XPのマシンのほうで見てみたところ、(≡д≡) ガーン

まったく見え方が違うんですよ(ノ゜⊿゜)ノ唖然!!

Windows Vistaの画面ショット ↓
vista.jpg


Windows XPの画面ショット ↓
xp.jpg

調べてみたところ、スタイルシートで指定したフォントに問題がありました。

上のVistaのはっきりくっきりとしたフォントは、メイリオという新しいフォントです。

メイリオはその名の通り明瞭(メイリオ)であると評判のフォントですが、
横に長いフォントのためこれまでのデザインが崩れてしまうという問題があるのだとか
そして下の画面ショットで使われているフォントは、MS P ゴシック。

そういえば、最近Vistaでサイトを見ていると、
文字の上にリンクの下線が、打ち消し線のようになっていることがあります。

これもすべて、フォントの問題でしょうか。

いずれにしても、どちらに合わせるのがいいのか。

悩むところです。

 簡単ツリー化 

2009/02/13 ツリー化 | トラックバック(0) | コメント(0)

ずいぶんと頭を悩ませてきたサイドメニューのツリー化ですが、
久しぶりにちょこっと別のブログのデザインをいじりながら検索してみたら、
FC2ブログでは、ツリー化機能が追加になっていました(・・;)

親子カテゴリ機能追加のお知らせ(2008-06-18 )

子カテゴリーにするものにチェックするだけで、あっという間に完成!

ふぅ、今までの試行錯誤はなんだったんだろう・・・

 [CSS]IE6とIE7でスタイルシートを分けるテクニック 

2008/07/25 問題解決ヒント | トラックバック(0) | コメント(0)

以前からずっと解決しない問題点が、ブラウザによる表示の違い・・・
firefox用の解決法は、こちらにメモしておきましたが、
IE6とIE7についてはそのままになっていました。

そして素晴らしい記事を発見♪
嶋 敦氏の「[CSS]IE6とIE7でスタイルシートを分けるテクニック」

早速試してみましたが、きちんと見えるようです。
本当に感謝、感謝ですね^^


 FC2ブログお引越しツール 

2008/04/02 引越し(他→FC2) | トラックバック(0) | コメント(0)

ブログの引越しについて記事を見つけたので、追加情報!
FC2ブログにお引越しツールができました。

すべて大丈夫なわけではありませんが、今のところ

Amebaブログ、livedoorブログ、ヤプログ、mixi

以上4つについてサポートしてくれるようです。

追加情報:2008年5月17日
Yahooブログ(beta) JUGEMも対応したようです。

 写真のサイズ変更はこれで決まり 

2008/03/20 画像のサイズ変更 | トラックバック(0) | コメント(0)

写真のサイズを変更するソフトはたくさんありますが、私のおススメはこちら!

縮小専用

至ってシンプルなフリーソフトですが、使い勝手がいいので
もう3年ほど写真のサイズ変更にはこのソフトを使用しています。

ソフトはこんな感じ


まず変更したいサイズを指定します。
 私の場合、ブログに載せる写真は200ピクセル。
次に画像ファイルをツールの上にドラッグするだけ!

保存する際の処理について、次の2つが選択できます。
1. ファイル名の前に・・・・を付けて保存
2. フォルダを作ってその中に保存

私は、1の保存方法を使っていますが、これが何より便利なのです^^
(この場合は、元の画像と同じ場所に保存されます)

ブログに写真をアップするときには、デジカメの写真などは、必ず名前を変更しますね。
それをイチイチ自分でやらなくても済みますから。

私は、今日なら080420のように、ファイル名の前に日付を付けています。
複数の写真をまとめてドラッグすれば、
全部の写真のサイズ・ファイル名が一度に変更できるというわけです。

DSC_0022.JPGなら、080420DSC_0022.JPGとなります。

他にオプションの設定として、次のような機能もあります。

・画像をくっきりさせる ・・・これはほとんど使いません。
・彩度を上げて保存  ・・・ これも使ってません。
・モノクロで保存    ・・・これも使ってない(^_^;)
・プログレッシブで保存・・・っこれも使ってないかな(/_;)/アレー
・簡易HTML出力   ・・・1度だけ使いました。
                縮小された画像と同じ場所に、HTMLファイルが出力されます。
                便利かも^^
・JPEG量子化率   ・・・これも使わない_(^^;)ツ アハハ
                数値が大きいほど綺麗な画像 => ファイルサイズは大きい
                数値が小さいほど粗い画像 => ファイルサイズは小さい
・ファイルサイズを指定・・・ここはいつもチェック入れてます。

たくさんの画像を一度にサイズダウンするときには最高のソフトだと思います!

ダウンロードはこちらから出来ます。

一応XPまで対応とありますが、Vistaでも使えるとの噂アリ(*^_^*)

 写真のUPを簡単に 

2008/03/20 画像のアップロード | トラックバック(0) | コメント(0)

ブログで写真をアップされている方も多いと思いますが、
なぜか画像のアップロードは、1枚ずつしかできません。
まぁだいたい1つの記事には数枚しか載せない場合が多いからでしょう。

でもときどきはたくさんの写真を載せることもあるのでは?
私もあちこち調べてみましたが、
今のところそれに関する便利ツールなどは見つからず(/_;)
もしご存知の方がいらっしゃれば、教えてください!

私は、ときに20枚くらいの写真を1記事に載せることがあります。
そんなときに便利な方法を!
(レンタルサーバーをお持ちの方に限りますけど・・・)

1. サーバーにブログの写真専用のフォルダ(blogimgなど)を作成します。
2. ブログに掲載するサイズに写真を加工します。
  (縮小専用などのソフトを使うと便利!)
3. サイズダウンした画像をすべてサーバーのフォルダにアップします。
4. ブログの記事を書きます。
5. 写真を入れたい箇所に次のタグを記入します。

 <img src="http://xxx.zzz.com/blogimg/ooo.jpg" alt="写真の名前" border="0">
 (<>の部分だけ全角になっていますが、半角でやってくださいね)

  http://xxx.zzz.com ・・・自分のURL
  blogimg ・・・フォルダ名
  ooo.jpg ・・・画像名
  altタグの部分は省略可

 サムネイルも作成、クリックしたら大きな画像を表示させたい場合は、
 次のようなタグになります。

 <a href="自分のURL/blogimg/画像名" target="_blank"><img src="自分のURL/blogimg/サムネイル画像名" alt="写真の名前" border="0"></a>
  (こちらも<>の部分は、半角でやってくださいね)

 1つだけ入力したら、後はこれを他の掲載箇所にコピペして
 画像名だけ変更すればOKです。


せっかくブログも1Gくらいの容量があるのに、もったいない気もしますが
私の場合、レンタルサーバーのほうも容量がたっぷり余っているので^^

これなら1回で画像をたくさんアップできるので、いつもこの方法です。
2,3枚の場合は、もちろんブログのほうにアップしますけどね。



 かわいいテンプレート 

2007/10/06 テンプレート | トラックバック(0) | コメント(0)

かわいいテンプレートのあるサイトを見つけました。
CSSなどの知識がなくても、ダウンロードですぐにかわいいサイトのできあがり!?
とはいかないかも知れませんが、まずはチャレンジですね^^

Web Essence

テンプレートには、ブログタイプのSET TEMPLATEと
通常タイプのHTML TEMPLATEの2つがあります。
どちらもすっきりしたデザインで私は好きですね。
(って使ってませんけど・・・^^)
こちらのサイトには、フリー素材のコーナーもあり、
なかなかかわいいお洒落なものが揃っています!


 スタイルシート入門 

2007/08/24 CSS解説 | トラックバック(0) | コメント(0)

ブログやサイトの作成に不可欠となったスタイルシートですが、
上手くいかないこともしばしば。

そんなとき役にたつのがこちらのサイト!

Tagland
 HTMLのタグとStyleSheet(CSS)の解説がありますが、
 それぞれ機能別・属性別に分類されていて、とても見やすいです。 
 さらにサンプルもそれぞれについているので、
 初心者でも分かりやすいのでは。
  
とほほのスタイルシート入門
 [基礎知識] [対応状況一覧] [サンプル] [フィルタサンプル] [ABC順]
 などの項目があります。
 ここを見れば、スタイルシートのすべてが分かるといってもいいくらい!
 管理人の杜甫々さんは、もうHP作成分野ではかなりの有名人で、
 私ももともとのサイト・とほほのWWW入門は、
 サイト作成時に随分お世話になりました。
 こちらもブックマークしておくことをおススメします!

CSS.Design Sample
 段組の解説、カスタマイズ方法とデザイン変更、上級者向けの講座など。
 HTMLについての解説もあります。


 HTMLの解説ならここで! 

2007/07/05 全般 | トラックバック(0) | コメント(0)

ホームページを作成する際に役立つサイトをまとめておきます。

webworld
 スタイルシートを使ったホームページ作成の解説サイト。
 ホームページ入門や、スタイルシート設定についての項目別の解説
 ホームページレイアウトのサンプルなどがあります。

とほほのWWW入門
 超有名なサイトです。
 ホームページ作成に関するすべてのことがここでわかります!

Tagland
 HTMLのタグの機能別・属性別の解説の他、
 フォントやスクロールバーのに関するテクニック、
 色の基礎知識などもあります。

CSS.Design Sample
 たったこれだけタグ講座というように、よく使う機能のみ選んであるのが便利かも^^
 スタイルシートの解説も役立ちます。


 スタイルシートの問題点 

2007/06/07 スタイルシート | トラックバック(0) | コメント(0)

ブラウザによる表示の違いで困っています。

我が家のPCは、IE7を使っていますが、そこでの表示と他のブラウザで全く違って見えること。
違うというより、段組などほとんど崩れてしまい、文字が重なって読めない箇所も(/_;)

ネットで調べてみると、IEのほうの問題のようで・・・ふぅ

問題解決のためのTIPSをメモしておきます。

タグインデックスWeb質問掲示板から

Internet Explorer (Windows) CSSバグリスト
http://cssbug.at.infoseek.co.jp/detail/winie/b001.html
Mozillaには複数のレンダリングモードがあります - Web標準普及プロジェクト
http://www.mozilla.gr.jp/standards/webtips0014.html
Google検索: IE 後方互換
http://www.google.co.jp/search?ie=utf-8&lr=lang_ja&q=IE+%e5%be%8c%e6%96%b9%e4%ba%92%e6%8f%9b

以下のコードを挿入することにより、表示が統一されることを確認しました。

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<>の部分は半角に打ち直してくださいね!



firefox用に作ってあれば、これで解決!
でもIE用に作ってしまった場合は、全部作り直すしかないのでしょうか。

 すばらしい写真ばかりです 

2007/05/11 写真 | トラックバック(0) | コメント(0)

この3年サイトのあちこちで使わせていただいた写真のサイト!


サイト名:Four seasons
管理人 :soraさん
とにかく数がすごいです。
素敵な写真を惜しげもなく素材として提供してくれているといった感じ^^
おまけに一部を除いて加工OK。
使いたくなる写真ばかりで逆に困ることも・・・(*^_^*)




サイト名:A.SLASH
こちらのサイトで初めてFLASHの存在を知りました。
素敵なアルバムなどの素材をお借りしたことがあります。
写真は、サイズがいろいろ揃っているので、とても使いやすいです。
フォントも配布されてます。
別サイトで、ワンコの素材も配布してます。



CoCo*
管理人:suzuさん
個人的にとても好きな写真素材屋さんです。デザインも素晴らしく、写真のサイズも大きめのものが多いです。
HP用のテンプレートも素晴らしい♪



他におススメなのは、以下のサイト!

Natural Breeze
 写真の数自体はそれほど多くありませんが、とても素敵です。
 ブログTOPに使いやすい、700X250サイズもいろいろあります。
 FLASH素材も充実!

FreeFoto.com
 サイトは英語ですが、10万点以上の画像があります。
 ヨーロッパ、アメリカの風景が主ですが、きっといい写真が見つかるのでは?

その他のおススメは、また後日(*^_^*)


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。