Blogger Favicon（ファビコン）の作成と設定

下記の方法ではなく、簡単にfavicon設定ができます。

http://koumeiblog.blogspot.jp/2016/12/bloggerfavicon.html








アドレス（URL）の左のアイコンを自由に設定することができる「Favicon」。


1.まず、icoを作成するための元画像を準備。
├　・ペイント系ソフトで作成してもいいでしょう。
└　・ファイル形式は、JPEG/GIF/PNG　でOK。

※ただし、縦横比率が同じように作成するように
例）16px　×　16px

2.ここをクリックし、画像をファビコンに変換。

3.FTPソフトで2.で作成したファビコンをUPするか、Googleサイト等でUPする。


4．ダッシュボードのページにアクセス。
├「デザイン」→「HTMLの編集」とクリック。
└titleタグの上あたり（head内）に下記タグコピーして貼り付け。

※「ファビコンのアドレス」には、UPしたファビコンのURLを指定。
※各両脇にある　＜　　＞　　はBlogger投稿のエラー回避のために全角で入力しているので、半角に修正して下さい。

＜link href='ファビコンのアドレス' rel='shortcut icon' type='image/vnd.microsoft.icon'/＞
＜link href='ファビコンのアドレス' rel='icon' type='image/vnd.microsoft.icon'/＞


一応、2つのタグを両方入れておいたほうが無難。

ブラウザは　IE / Firefox / safari / Google Cromeではチェック済。

Sleipnir 等はノーチェックですOrz。

Blogger各要素を削除させる方法

1. ダッシュボードのページにアクセス。
2. 「デザイン」→「HTMLの編集」とクリック。
3. 「ウィジェットのテンプレートを展開」にチェック。
4. Bloggerの全ソースが表示されるので、各要素を削除することができる。

・投稿時間
span class='post-timestamp'

・facebook　buzz　等のSNS送信ボタン
b:includable id='shareButtons' var='post'

・コメント数
data:post.numComments

・作成者
span class='post-author vcard


削除することによって、表示が早くなると思います。

※ソースのバックアップはとっておきましょう。

Blogger スパム解除

コメントを投稿するとスパムとして認識してしまう状況が起きる場合の対処。
知り合いのnaoさんのブログ引用です。

せっかく投稿した＆されたコメントが、スパムとして認識される。
スパムとして認識されたコメントは、投稿できているように見えますが、リロードすると投稿したコメントはスパムタブに移動させられます。

現在わかっている解除方法の手順は下記となります。
お試しあれ。


①ダッシュボードを表示

②コメントをクリック

③スパムをクリック

④必要なコメントにチェックを入れて、スパム解除をクリック

※スパムのコメントが0件の場合
　どのコメントもスパムとして認識されていませんので、ご安心下さい。

検索エンジンにホームページを登録

ホームページを検索エンジンに登録

自分の作成したホームページを少しでも、検索結果上位に表示するために検索サイトに登録するという選択肢があります。

※先に申し上げておきますが、登録をしたからと言って、必ず検索上位に来る保証はありません。
そういう方法を知っていれば、それで飯が食べていけます。

話を戻しますが、基本的に手作業で登録するという形になります。
検索エンジンには有名なサイトで、「Yahoo」「Google」等があります。

ただし、Yahooの検索登録「サイトエクスプローラー」はサービス終了してしまいました。
（2010年11月12日現在）
○噂ではGoogleと同システムを使用するということがチラホラ。

Google検索登録はこちら


あと、ページタイトル・メタタグ・被リンクなどいろいろありますが、下記参考URLにて確認してみてください。
参考URL：http://www.lemon-s.com/

画面コピー（プリントスクリーン使用）

画面コピー方法（プリントスクリーン使用）

画面上の表示を画像として切り出しすることができます。(クリップボードにコピーしている状態です)

切り出した画像を保存することで、操作の手順書やテキストを作ったり、エラー表示を保存したりするときに便利です。

*操作手順
1.保存したい画面を表示する。

2.キーボードの[PrintScreen]キーを押します。
　※キーボードにより「PrtSc」など表記が違う可能性があります。
　※ノートパソコンの場合は[Fn]や[Alt]キーとセットで押す場合もあります。

3.ペイントソフト等の画像編集ソフトを起動する。

4.貼り付けをクリックする。
　※2．の作業した画面が画像として貼り付けされます。

5.名前を付けて保存します。

6.その後貼り付けたい場所に挿入の図から貼り付けましょう


*留意点
違う画面を連続コピーはできませんので、一枚ずつコピー＆ペーストを行う必要があります。

*応用

「Altキー」とセットで押すと、アクティブウインドウのみ画面コピーができます。
アクティブウィンドウ…現在、編集・スクロールができるウィンドウの事。

動画ファイル（ビデオ変換）

ビデオの変換するツール「Any Video Converter」


結構便利です。
多くの動画形式を読み込み、ポピュラーな動画形式に出力してくれます。

～～～　以下引用文　～～～
Any Video Converter フリー版 は使いやすいインタフェースを持って、様々な動画形式に対応したフリー動画変換ソフトです。速い変換スピード、高品質の出力動画は特徴で、様々な動画形式をAVI、WMV、MP4、FLV、MPEG-1、MPEG-2、SWFなどの形式の出力動画に変換できます。動画ファイルから音声を抽出して、 MP3、OGG、AAC、WMA、WAVEなどの音声形式に変換することもできます。YouTube動画、ニコニコ動画、GoogleビデオのURLをソフトに貼り付けて、動画をダウンロードして変換することもできます。

Any Video Converter フリー版はフリー変換ソフトなのに、様々な変換もできます。Any Video Converter シリーズのソフトは初心者から、エキスパートまでもすぐに使い慣れる動画変換ソフトです。様々な設定を知らない初心者でも、ファイルの追加、出力の選択とファイルの変換のような三つのステップで動画ファイルを変換できます。

Any Video Converter フリー版、Pro版とGold版も日本語を含める多言語に対応しています。また、32-bit と 64-bit のVista と Windows 7 にも対応しています。

～～～　引用文ここまで　～～～

もちろんフリーソフトです～！携帯の動画も変換できるので、試してみてはいかがでしょう？

Any Video Converterのダウンロードはこちら

Google Analytics トラッキングコード設置方法

正直、まだまだ解明できないです。
市販のテキストのページ数を見ると発狂します。

せめて、基本編くらいはがんばって解明していきたいです。

設置方法はこちら

Bloggerのガジェットでカレンダーを導入

Bloggerの機能で「ブログ　アーカイブ」というガジェットがあります。
このガジェットは、自分の日記の日時・タイトルを閲覧できますが、カレンダー形式で表示できる方法を発見しました。

僕の検索方法が甘かったので、前回の方には説明できませんでした。

参考URLはこちらです。

ちょっと操作的には面倒ですが、お試しあれ。

※もっといい方法があればコメントいただければ幸いかと存じます。

WavやMP3に変換ツール

WAVやMP3に変換するツールは多々ありますが、僕が一番使いやすいと思ったのが、「えこでこツール」です。
ドラッグアンドドロップの作業だけで、簡単に変換することができます。

えこでこツールはこちらから。


DL後は圧縮されているので、解凍ソフトなどで解凍後使用してください。

解凍ソフト　Lhaz　Lhaca　などがあります。

自分用メモなので、簡潔に書いて申し訳ないです。

DVD音声抽出方法

■DVD Decrypterで抽出

①DVD Decrypterを起動したらモードのIFO Iを選択してください。


②次にツールの各種設定を選択してください。


③各種設定ウィンドウのIFOモードタブを開きます。チェックを入れる箇所は以下の通りです。
メインムービーPGCを選択
ストリーム処理を有効
あいまいなCellを非チェック
VOB PUOを除去
M2タイムコード（00:00:00:00）をバッチ
ファイル分割の窓はChapterごとを選択してください。最後にOKでこのウィンドウを閉じます。


④本体のストリーム処理を開いてください。ストリーム処理有効にチェック、0xA0-Audio-LPCM/2ch/Jpa...にチェック、0xA0- Audio-LPCM/2ch/Jpa..と表示されている部分をクリックして反転させてからStream:0xA0-Audioの分離にチェックを入れ ます。出力先のフォルダアイコンをクリックして保存場所の指定と保存ファイル名の入力します。最後にDVD＞ディスクの画像をクリックすると抽出を開始し ます。


上記画像の　②　の反転する作業をほんとによく忘れますので、お気を付けください。

※上記作業で分割した音楽ファイルはAC3というファイル形式になっているので、MP3かWavに変換します（えこでこツールでも使いましょう）

Windows Vista Cドライブのサイズを増やす方法

PCを使い続ければ使うほど、Cドライブのサイズが小さくなるのは否めません。
その場合の対処法はいくつかありまして、必要データをバックアップ後、インストールしなおして初期状態に戻すか、Cドライブのサイズを増やすしか方法はないです。

HDDがCドライブのみの場合
HDDを大容量のものに交換⇒再インストールしか方法はありません。

HDDをC/Dに分けている場合
Dを縮小してそのぶんCを増やせばOKです。
Dに空きが無い場合でも、データしか置いていないDドライブなら、外付けHDDやDVD-R等へバックアップすればOKです。

VISTAでは標準機能としてディスク管理からパーティション操作ができます。
XPでもフリーソフトを使えば可能ですよ。

１．Dのサイズを任意のサイズに縮小
２．Dの後ろに新たにパーティション作成してEに変更
３．Dの中身をすべてEに移動してDを削除後、EをDに変更
４．Cと新しいDの間に空きがあるので（旧D）、その用量の分をCへ拡張

上記の手順でCドライブを増やすことができます。

ホームページビルダー 背景固定

ホームページビルダーで背景固定する方法をよくご質問いただきます。
下記の写真をご覧ください。




ホームページビルダーで「スタイルシートマネージャー」というものがあります。

その「body」タグの「色と背景」タブをクリックすると、上記のダイアログボックスとなります。
黄色の網掛け部分に操作方法、赤枠の部分が設定する場所となります。
ご参考下さい。

ジョブカード講習

7月13日
サンポートホール高松で実施された、ジョブカード講習に行って来ました。
ジョブカードの概要・留意点を色々学びました。

当講習の講師はキャリアコンサルトの「徳山誠」氏で、とてもわかりやすく説明してくださいました。
その時に徳山氏が感動された動画を皆さんにも見ていただきたいと思います。

ぜひ、音声ありで見てくれればと思います。




セミナー参加者数は47名。
涙もろい私ですが、必死に涙をこらえるのに大変でした。。。

改めて見直してもやっぱり泣いてしまいましたｗ

ブログパーツを使ってHTMLを編集

ブログパーツのサイトなどによくあるHTMLタグを貼り付けてブログを充実させよう。

ブログパーツ
http://www.blog-parts.com/


１．ダッシュボードにアクセスし、「デザイン」をクリック。

２．「ガジェットの追加」をクリック。



３．「HTML/JavaScript」をクリック。



４．「タイトル」を入力し、「コンテンツ」にブログパーツで紹介されているHTMLタグを貼り付け。




これだけの操作でブログパーツ完成です。
自分用メモなんで、簡潔に書いてしまって申し訳ないです。

ホームページビルダー 動画の挿入

ホームページビルダー　動画の挿入

リンクの挿入（HTMLファイル以外のファイルとして）

１．リンク元を範囲指定

２．右クリック⇒リンクの挿入　※ショートカットキー：CTRL+J

３．「参照」をクリック



４．ファイルの種類を「すべてのファイル」に指定



５．ダウンロードするファイルをダブルクリック

６．「OK」をクリック



動画ファイルの挿入

１．動画を挿入したい個所にカーソル移動

２．挿入　⇒　ファイル　⇒　ビデオファイル

３．作成した動画ファイル（WMV）を指定

※挿入後、下記のようなアイコンが表示されます。
　「プレビュー」タブをクリックして、動画が正常に再生できるか確認しましょう。

ホームページビルダー 表示サイズで保存

ホームページビルダーで画像を挿入し、ハンドルでサイズを小さくしても、ファイルサイズは小さくされません。
これは、ホームページビルダーの仕様であり盲点となります。


このサイズの画像を…




ハンドルをドラッグし、サイズを小さくしてもファイル容量は小さくなりません。



こういうケースの場合、以下の操作で対処できます。
（画像をハンドルで小さくサイズ変更後）

１．画像の上で右クリック　⇒　「画像を編集」　⇒　「画像の編集」をクリック。

２．「表示サイズで保存」のチェックを入れて、「OK」をクリック。




この操作を行うことによって、ハンドルでサイズ変更をした分ファイル容量を浮かすことができます。

PhotoshopCS3でGIF透過

PhotoshopCS3で困ったことが起こった。
GIF透過するとフチが白くにじんでしまうということである。
ネットで調べた方法（GIFディザ128/64等）を行っても無理でしたが、下記の方法で回避できました。

1.ファイル　⇒　Webおよびデバイス用に保存　をクリック

2. Webおよびデバイス用に保存ダイアログボックス の「マット」のドロップダウンリストをクリック
　　※ここで重要なのがフチの色です。フチの色は、図形の色に合わせるのがベスト。
　　　（下記図形では　R:114　G:114　B:114）



3．結果ホームページビルダーで、紺色の背景に画像を挿入した結果…



4.上記のようになりました。


参考サイト
http://web.kyoto-inet.or.jp/people/hikeda/

タイピングFlashゲーム

一昔前（10年前位？）では考えられなかったことですが・・・。
タイピングソフトが簡単にネット上で楽しめる時代になりました。
現在のPCではFlash Playerが標準で搭載しておりますので、ネット環境さえあればOKです。

ただ…惜しむらくはゲーム感覚で楽しむものは、大抵難易度が高いですOrz

「easy typing」
こちらからジャンプします。初心者の方の練習にどうでしょう。


「寿司打」



「皿打」

Firefoxのアドイン「Firebug」

←Firebugのアイコン

Firebug は、Web ページ閲覧中にクリック一つで使える豊富な開発ツールが誕生。
CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、閲覧が可能。

今までのように「HTML編集」⇒「ブラウザプレビュー」⇒「転送」⇒「ブラウザチェック」・・・
なんてしなくてもOKかな。

IEにもそういうツールが出ればいいのになぁ。
もしかして出ている？？
ちょっと検索してみる価値がありそうだ。

bloggerをメールで投稿

1.ダッシュボードの画面をアクセス。

2. メールのアイコンをクリック。（赤丸参照）



3.「selectWords」をお好きな半角英数字を入力し、「保存」をクリック。



4.後は設定したアドレスに投稿したい件名・本文を作成し送信する。
　※設定したアドレス　○○○@blogger.com
　※画像を貼り付けたい場合は添付ファイルを送信可

Youtube動画貼り付けタグ編集

Youtube自動再生

Youtubeの貼り付けコードの中に「SRC="URL"」がある。
そのURLの最後に「&autoplay=1」を入力するだけ。実にシンプル。

GoogleのBlog Seachサービス

恥ずかしながら、Googleのブログ検索サービスがあるのを知りませんでした。
Google Blog Seachはこちらから。

単純にGoogleトップページから上記メニューの「その他」⇒「ブログ」とクリックして選択してもOK。

ちなみにブログ検索のキーワードとして「blogspot」と「探したいキーワード」と一緒に検索すれば、Bloggerのブログで投稿したブログがほぼ検索対象となります。

ニコニコ動画貼り付け方法

1．画面上部の「ブログサイトに貼りつける」をクリックします。
　※もしなければ「詳細情報・メニューを表示」をクリック

2．下記の3つのどれかのタグを貼り付け


外部プレイヤー



動画情報



リンク
【ニコニコ動画】ハムスターの荷物運搬をまったり見守る動画

フリーソフトのアドレス集

今更ですが、お勧めフリーソフトはこちら

窓の杜のホームページはこちら
ベクターのホームページはこちら

Bloggerでコピー貼り付けをする場合

１．ネット上のテキストデータ（文字データ）などを範囲指定してコピー

２．投稿画面（上写真参照）で「HTMLの編集」タブをクリック　※青丸印部分

３．「HTMLの編集」に切り替えすればペースト（貼り付け）をすることができる。

Photoshop ブラシ無料ダウンロード

いろいろなサイトを見ましたが、下記URLのブラシがお勧めかも。

Brushking********************

brushkingサイトへ


ネーミング通りブラシのキングですね。

Google Mapの埋め込み

これも今更ですがメモとアナリティクス確認のため。


1．Googleマップをアクセス。

2．埋め込みたいマップを検索し表示させる。

3．右上の「リンク」をクリック。

4．「HTML を貼り付けてサイトに地図を埋め込みます」のタグをコピー
　　※すぐ下にある「埋め込み地図のカスタマイズとプレビュー」をクリックすると詳細設定可。

5．貼り付けたい箇所にカーソルを合わせて貼り付け。
　　（ホームページ作成ソフトを使用時は、「タグ編集モード」で＜body＞間に貼り付けをするよう）

Googleアカウントを持っていてログインできる場合、マイマップ貼り付けも可。


Goolgeマップ貼り付け
********************************************************************


大きな地図で見る


Googleマップ（マイマップ使用）
********************************************************************


より大きな地図で アイコン変更 を表示

Google アナリティクスをBloggerで設定

Bloggerのレイアウト追加でGoogle Analyticsを使う。
以下ヘルプより抜粋。

Google Analytics を使用して、Blogspot ドメインのトラフィックをトラッキングできます。 手順については、下記をご覧ください。

1.www.blogger.com から Blogger アカウントにログインします。

2.Blogger アカウントでブログを複数作成している場合は、トラッキングするブログを選択します。

3.[テンプレート] タグをクリックします。

4.[HTML コード] ボックスでコードの最後までスクロールし、 ＜／ｂｏｄｙ＞タグの直前に Analytics のトラッキング コードを貼り付けます。

5.[テンプレートの変更を保存] をクリックします。

6.[再構築] をクリックして、公開中のサイトを更新します。


上記の操作でOKかな～

YOUTUBEの動画貼り付け

今更ですがメモ代わりに。

YOUTUBE動画貼り付け


1.YOUTUBEで検索　⇒　貼り付け希望動画にアクセス

2.「埋め込みコード」をクリック

3.全て選択しコピーする
　※埋め込みできない設定になっているケースあり

4.投稿の右上「HTMLの編集タブ」がアクティブになっている状態で貼り付け


***　GeishaGirls　YOUTUBE動画　***