新Bloggerのテンプレートは、従来のものとはタグ記法が大きく異なるためソーシャルブックマークサイトが紹介しているボタン設置方法を適用してもエラーが起こってしまいます。いろいろなサイトを見ましたが公式ページにおいて新Blogger対応のタグを紹介しているケースはほとんどありませんでした。

だからこそ、新Blogger用のボタン設置方法の紹介はとっても貴重です。

さて、ボタン設置方法ですが、以下のような手順となります。

1.Bloggerのダッシュボード(管理画面)ページを開く。

2.『レイアウト』をクリック。

3.『HTMLの編集』をクリック。

4.テンプレート編集の右下にある『ウィジットのテンプレートを展開』のチェックボックスにチェックを入れる。

5.ブラウザの検索機能で以下の文字列を検索する。

<div class='post hentry uncustomized-post-template'>

この文字列は、Bloggerでは各記事のタイトルを表示しているタグです。

6.上記の文字列以降に、以下の記事で紹介されている設置タグを挿入する。

humming bird: Bloggerにブックマーク登録ボタンを設置する

おそらく2009年1月現在では、上記の記事が新Blogger対応のソーシャルブックマークボタンの設置方法について、一番詳しく書かれているかと思います。

この記事ではサイト毎に設置ボタンのタグが紹介されています。そのため、メモ帳などのテキストエディタを使って、あらかじめまとめたものを挿入したほうがいいです。

7.『プレビュー』ボタンをクリック。

このプレビュー機能を使うのはとっても大事です。たまにエラーメッセージが出るときがあって、通常は指摘部分を修正するのですが、どうしても原因がわからないときに『編集内容をクリア』ボタンを押せば、編集前の正常に動いていたテンプレートに戻してくれます。

8.テンプレートを保存。

以上です。

ソーシャルブックマークサイトというのは、良質なホームページの情報を共有するために自分のお気に入りページを登録することが出来るサイトのことです。

そして、ソーシャルブックマークボタンというのは、ブログの記事を簡単に登録できるボタンのことです。この記事でもタイトルの右側に以下のような画像が表示されていると思います。

 20090112142611

このボタンは各ソーシャルブックマークサイトの記事登録ページへのリンクなのですが、自動的に記事の情報も反映されるため、ユーザーからすると便利な機能です。ちょっと気になるページでもボタンがなかったから登録しなかった、なんてこともありえるのでやっておいたほうがいいかと思います。

一般的なブログサービス(アメーバブログ、FC2ブログ、MovableType、Typepad、WordPressなどなど)は、簡単に設定が出来ます。

なお、ソーシャルブックマークボタンの設置方法は各ブログごとに異なります。

設定方法を調べ方は2つです。

1.Googleなどの検索エンジンで探す。

検索するといろんなブロガーが、自分が使っているブログサービスにおけるソーシャルブックマークボタンの設置方法を紹介してくれています。

2.各ソーシャルブックマークサイト内のボタン設置方法の説明をみる。

餅は餅屋ということで、サイト内でも説明がなされています。この記事では詳細な方法には触れずに、各サイトにおいて提供されている設置方法の説明へのリンクのみを貼ることにします。

はてなブックマーク

20090111003227

自分のブログに「↑B」アイコンを表示する
自分のブログに「○○users」を表示

Yahoo!ブックマーク 

 20090111003155

便利ツール : 「Yahoo!ブックマークに登録」ボタン・アイコン - Yahoo!ブックマーク

livedoor クリップ

20090111003123

livedoor クリップ - ブログに「clip!」ボタンを設定しよう!

Buzzurl [バザール]

20090111003035

Buzzurl [バザール] > ブックマークアイコンの取り付け

@nifty クリップ

20090111105757

 ヘルプ:サイトにクリップボタンを設置する|@nifty クリップ

 ヘルプ:クリップ数やコメントを自分のブログに表示したい|@nifty クリップ

newsing(ニューシング)

20090111112319

ピックアップボタン設置方法 - newsing(ニューシング)

Choix

20090111112504

ニュースの価値を自分で決める【Choix】|便利な機能 : Choixリンクボタン

POOKMARK Airlines

20090111112931

POOKMARK Airlines - ヘルプ | ブログやホームページに行き先登録ボタンを貼るには 

FC2ブックマーク

20090111115612

FC2ブックマーク - よくあるご質問 - 自分のページをブックマークしてもらうには

ブックマーク:イザ!

20090111115913

イザ!ヘルプ | イザ!ブックマークアイコンの設置について

Yahoo!みんなのトピックス

20090111120317

Yahoo!みんなのトピックス - ご利用ガイド みんトピボタンのつけかた

アカウント登録をするときにはIDとパスワードを忘れないようにしましょう。時間がたつと忘れてしまいますので、気をつけてください。

ちなみに上記のボタンの設置方法(新Blogger)は以下の記事を書いてあります。

GOOD DESIGN SOZAI: 新Blogger用ソーシャルブックマークボタンの設置方法

Bloggerは、特殊なタグを使っています。自力でボタンの設置タグ書くのは難しいです。是非、参考にしてみてください。

SEO対策の大事な要素のひとつは、外部サイトからリンクを増やすことです。ブログポータル、ブログランキングサイトは、ブログの情報を収集してユーザーに紹介することが目的となっているため、無料で自分のブログのURLを登録させてくれます。沢山ありますが、是非とも網羅しておきたいところです。

・ブログポータル、ランキングサイトへの登録

Technorati

 20090110001518
Technorati (テクノラティ) ブログ検索
http://www.technorati.jp/

にほんブログ村

20090110001554 
にほんブログ村|ブログランキングとブログ検索
http://www.blogmura.com/

人気ブログランキング
20090110001648

人気ブログランキング
http://blog.with2.net/

FC2ブログランキング

20090110001820
FC2ブログランキング
http://blogranking.fc2.com/

ブログランキング ドット ネット

20090110211634 
ブログランキング ドット ネット
http://blogranking.net/

ブログランキング【くつろぐ】

20090110211750

ブログランキング【くつろぐ】 ~人気ブログのランキング検索~
http://kutsulog.net/

ブログ王
20090110211901  
人気ブログランキング!ブログ王
http://www.doramix.com/rank/

BlogPeople
20090110213011
BlogPeople - ブログ情報ポータル・ブログランキング
http://www.blogpeople.net/

とれまが人気ブログランキング

 20090110213342
人気ブログランキング
http://blogrank.toremaga.com/

ブログセンター

20090110213430

ブログセンター
http://blog.mypop.jp/

ちなみに、どれも似たようなことを聞いてくるので以下の内容を事前にまとめておいたほうがいいですよ。楽に登録ができます。

・ブログのタイトル
・ブログのURL
・ブログの説明(20~30文字程度)
・ブログの説明(100文字程度)
・カテゴリー
・ブログの内容を表すキーワード(タグ)

この瞬間にも新しいブログランキングサイトが出来ているかもしれません。是非、探してみてください!

外部サイトに対して、そのブログの存在を知らせることはSEO対策をする上で非常に重要です。ブログ開設時にSEO対策として効果があるサイトマップ登録について紹介します。

・サイトマップ登録

サイトマップ登録とは、検索エンジンに自分のブログの記事一覧を教えてあげることです。これをしておくことで、検索結果に記事が表示されやすくなります。

Google
Google Webmaster Central(日本語)
http://www.google.co.jp/webmasters/index.html

Yahoo!
サイトエクスプローラー(サイト管理者向けツール) - Yahoo!検索(日本語) http://siteexplorer.search.yahoo.co.jp/

MSN Live Search
Webmaster Center - Live Search(英語)
http://webmaster.live.com/

どのサイトも基本的には以下の流れで登録をします。

1.サイトにログインする(アカウントを持っていなければ作成する)。

2.サイトのURLを登録する。

3.自分が、登録したサイトの管理者であることを証明するために登録時に払い出されたMETAタグ、もしくは指定されたHTMLファイルをブログにアップロードする。

4.サイトマップを登録する。

このサイトマップですが、自動生成ツールもありますがFeed(RSS)のアドレスを登録することによって代替が出来ます。最近のブログサービスは、自動的にFeedを生成していることが多いのでこのアドレスを登録するのが一番手っ取り早いです。

これらの3大検索エンジンは、アクセス数を上げたいのなら押さえておかないといけないですね。

 

デスクトップがファイルやフォルダで埋まっていて、資料を探すのに困っていたら是非、この壁紙を使ってみてください。この壁紙は仕事の効率を改善するために作られています。

20090108214350 

20090108214524

半年くらい、この壁紙を使っていますがファイルが画面いっぱいに広がることは無くなりました。明るいバージョンと濃いバージョンのものがあります。

GIGAZINEさんが『仕事の効率を改善することができるすごい壁紙 - GIGAZINE』にて紹介していた使い方によれば、

方眼紙:仕事用のフォルダやファイルを置く
アルミニウムのプレート:個人のプロジェクト用
木製の机:未分類の仕事など
付せん紙:緊急の用件

という風に利用するものなんだそうです。
私はもう少しカスタマイズしていて、以下のような使い方をしています。

方眼紙|作業スペース

ダウンロードしたファイルなどの一時保管場所、利用し終わったらファイルを削除するか、保存用フォルダなどに移動。常に綺麗にしておく。

アルミニウムのプレート|ツール置き場

よく使うファイル(FAX送信用雛形、パワーポイントテンプレート、メール送信雛形など)や保存用フォルダのリンクなど保存。

木製の机|進行中のプロジェクト管理フォルダ置き場

現在進行中のプロジェクトについて、案件ごとにフォルダ分けして保存。フォルダ名の命名規則を「YYYYMM_案件名」に統一。一目でフォルダを見つけられるようにしている。

付せん紙|作成、修正中のファイルスペース

現在、作成中もしくは修正中のファイルを置いておくスペース。

方眼紙と付せん紙の違いは、前者が他者が作成したファイルの保存場所で、後者が自分が作成、修正したファイルの保存場所です。

【ダウンロード方法】

Flickerの以下のページからダウンロードできます。

20090108214350  
明るいバージョン

(1440 x 1024)Flickr Photo Download: Layered Desktop

→ページ左上の以下のリンクをクリックしてダウンロードしてください。

 20090108215937

(1024 x 728)Flickr Photo Download: Layered Desktop

→ページ左上の以下のリンクをクリックしてダウンロードしてください。

20090108220205

 

20090108214524

濃いバージョン

(1440 x 1024)Flickr Photo Download: Layered Desktop Dark

→ページ左上の以下のリンクをクリックしてダウンロードしてください。

 20090108215937

(1024 x 728)Flickr Photo Download: Layered Desktop Dark

→ページ左上の以下のリンクをクリックしてダウンロードしてください。

20090108220205

デスクトップが綺麗になれば、資料を探す時間が短くなるし、探す際のストレスからも解消されて一石二鳥です。是非、利用してみてください。

 

新しくパソコンを買い換えたとき、はじめにインストールしておきたいアイコン集です。ちなみにアイコンといっても、Windowsのショートカットとかでつかうアイコンじゃなくて、パワポのプレゼンとかで図を作るときに使える素材をさしてます。

私の場合、この素材のうち使用頻度の高いものをパワーポイントのファイルに貼り付けていつでもコピペできるようにしています。いざというとき、とっても便利です。

Crystal Project

20090106224609 
20090106224748 
このほかにも沢山の素材が、ZIPファイルとして提供されています。すべてPNGファイルなのでパワーポイントなどの資料にコピペして利用することができます。

【ダウンロード方法】

20090106223513

このサイトの真ん中の画像、

20090106225105

をクリックすると「crystal_project_256x256.zip」がダウンロードできます。これを解凍すればOK。

解凍されたフォルダには、「actions」と「apps」のふたつのフォルダがあります。開くと両方ともPNGファイルが入ってます。Windowsの場合、最初のほうに「._○○○.png」(○○○は任意の文字列)というファイルがいくつかあります。これはとりあえず無視して下のほうにいくと沢山のファイルを確認することができます。

読めないファイルは思い切って捨ててもいいかとおもいます。あと「actions」と「apps」もフォルダ自体には意味がないのでひとつにまとめてもいいです。

VistaICO.com

VistaICO.com : FREE Windows Vista Icons : Download VistaICO Package

20090106230938
このサイトもZIPファイルが公開されてます。解凍すると、PNGファイルとICOファイルがあります。デザインは同じです。

3つのZIPファイルが公開されています。それぞれ別のファイルが格納されています。

VistaICO_Aero-Pack

20090106231309 
VistaICO_File_Icons

20090106231823

VistaICO_Toolbar_Icons

20090106231517 
【ダウンロード方法】

このサイト、ダウンロードするリンクがわかりづらいところにあります。

VistaICO.com : FREE Windows Vista Icons : Download VistaICO Package

このリンクの下のほうに、以下のテキストリンクがあります。これらをそれぞれクリックしてください。

Click here to Download VistaICO Aero Pack - 3.82MB [ 30 PNG & ICO ]

 

Click here to Download VistaICO File Icons - 4.86MB [ 55 PNG & ICO ]

 

Click here to Download VistaICO Toolbar Icons - 5.95MB [ 50 PNG & ICO ]

その前に

20090106232116 
こんなテキストがありますが、ダミーなんです。英語が判らずクリックしても目的は達成できません。気をつけてください。

 

新しくブログを始めました。テーマは「今すぐ使える良質なデザイン素材の紹介」です。

今回、Googleが提供するブログサービスであるBloggerで始めるため、まずは洗練されたつのBloggerテンプレートを紹介します。

テンプレートの反映方法の説明は下端に記載しました。

20090106195607
Simpress | Blogger Templates

とても女性的で華やいだ感じです。

20090106195822
Smashing | Blogger Templates

francfrancっぽい。

20090106200036

Lindo día | Blogger Templates

可愛い感じですねー。ゆっくりと流れるような日々を送っている方が使って欲しいなぁ。

以下、諸事情により画像は出せませんでしたがイチオシです!

Revolution | Blogger Templates

すっきりしてて爽やかな印象な感じです。3カラムで左端に本文があるのもGOOD。

Typebased | Blogger Templates

同じく、爽やかなデザイン。投稿した日付がちゃんと英語で出るので、日記的な要素が強い場合にオススメ。

Colourise | Blogger Templates

カラフルですが、落ち着いたイメージ。

Piet Mondrian | Blogger Templates

レストランのブログなんかにいいかも!

【テンプレートの反映方法】

すべて「Blogger Templates」というサイトに公開されているものです。
このページの各リンクをクリックしたのち、

20090106205843
をクリックすると、ZIPファイルがダウンロードできます。これをデスクトップ上に保存してください。

そのZIPファイルを解凍すると、XML形式のファイルがあります。これがテンプレートのファイルです。

そして、Bloggerの管理画面で「レイアウト」⇒「HTMLの編集」ページでテンプレートをアップロードすることができます。

参照ボタンをクリックして、先ほどのXML形式のファイルを読み込ませて「アップロード」

すれば反映完了ですー。