Blogger Beta Tips

adsense for feedが利用可能になりました

2008-08-18T19:16:00.005+09:00

Google AdSenseは新しいフィード向けのAdSense機能を公開しました，
下の図のように，google AdSenseにログインして，AdSense設定には新しい「フィード向けAdSense」があることがわかります．

10個Wordpressから移植したBloggerテンプレート

2008-08-13T18:09:00.005+09:00

ToThePCさんが10個超人気なWordpressテンプレートからBloggerに移植したものを集まった．

この中当ブログが使っているillacrimoというテンプレートも含まれている．（当時Wordpressから移植するため，2週間ぐらいかかりました，早くこのサイトを見つければ．．．）

blogger in draft新機能：コメントフォームを投稿ページに埋め込む

2008-06-29T10:57:00.002+09:00

最近，blogger in draft がつくつかの新機能が追加されました，この中に一番うれしいのはコメントフォームを投稿ページに埋め込む機能です．

導入も簡単です，レイアウトテンプレートを利用しているなら，下の図のように，
blogger in draft 管理画面の　”設定” ー＞ ”コメント”　ジの”プレースメントからのコメント”の設定を　”下記の投稿を埋め込みました”に設定して保存するだけです．

カスタマイズしたテンプレートの場合，以上の手順で有効にならない場合もあります，以下のコードを修正する必要があります．

まずはテンプレートから以下のコードを探し出します，

<div class="comment-footer">
<a expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick"
href=""><data:postcommentmsg></data:postcommentmsg></a>
</div>

次は上のコードに以下の赤い部分を追加します．

<p class='comment-footer'>

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/> <b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' href="">
<data:postCommentMsg/></a>

</b:if>

以上で修正完了です．

追記：僕が修正してFirefoxで確認しているところ，以下のように「コメントを投稿」ボタンが上半分しか表示できません，僕と同じで確認された方は，以下のコードを修正したらいいと思います．

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

上の275の数字を300に修正します．

loadingアイコンのオンライン生成ツール

2008-04-25T15:16:00.004+09:00

Load Info

Ajaxload

blogger beta テンプレート　赤と黒

2008-04-05T01:12:00.003+09:00

まだJackBookさんから出た２種類のBlogger betaテンプレートです、赤と黒２種類、とてもセンスがいいものです。

red girl

night club

面白いRSSアイコン

2008-04-03T17:27:00.002+09:00

Smashingmagazineさんが提供しているちょっと面白いな一組みのRSSボタンです、PNG、WindowsアイコンとMACアイコン３種類フォーマットが提供されています、サイズは16×16px, 24×24px, 32×32px, 48×48px, 128×128px, 256×256px , 512×512px があります。

オンラインでCSSメニューを生成　CSSMenuMaker

2008-03-31T23:46:00.002+09:00

CSSMenuMakerはオンラインでクールなCSSメニュー生成ツールです。メニューのボタン数とラベル、ラベルのリンクを指定すると、自動的にHTMLコードとCSSコードが生成してくれます。HTMLが分からなくても、そのまま自分のサイトに張り付けばおしゃれなメニューが作れます。

[エ]あなたのiPodをもっとおしゃれに

2008-02-24T03:35:00.005+09:00

この記事はエントリ記事です。

Gizmobies(ギズモビーズ)はiPodの表面に直接貼るプロテクターシールです、アメリカで開発された厚さわずか1.5ミリほどのクッション材に硬度性を持つコーティングで、iPodをより個性的な飾りのほか、衝撃や擦り傷などからiPodを保護します。

iPod Nanoから、iPod classicを含む、最新のiPod touchまで対応のシールが揃えています。デザインもアメリカ風以外に、日本独自のラインナップもあります、その日の気分で簡単に着せ替えられ、魅力的なiPodアクセサリのひとつです。

気になる値段はほとんどが3000円前後、一般のiPodケースと同じぐらいの値付きですので、気軽い手に入るでしょう。

DiggIt!をblogger betaに貼り付け

2008-02-23T22:22:00.007+09:00

Blogger Beta用のDiggItのコードは以下の様子です。


<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
</script>
<script src='http://digg.com/tools/diggthis.js'
 type='text/javascript'/>

Blogger betaに貼り付けるには、記事のタイトルのところは良いでしょう、記事の一番したに貼り付けてもいいです、ここはタイトルの後ろに貼り付ける方法を例として挙げます。

まずは、テンプレートコードから以下のようなコードを見つけ出します、


<b:if cond='data:post.title'>
    <h3 class='post-title'>
   <b:if cond='data:post.link'>
     <a expr:href='data:post.link'><data:post.title/></a>
   <b:else/>
      <b:if cond='data:post.url'>
        <a expr:href='data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
   </b:if>
    </h3>
  </b:if>

<data:post.title/>の後ろにDiggIt!のコードを張り付けばいいです、DiggIt!のボタンは縦長いので、僕は<div style='float:left; margin-right:5px'>　</div>でDiggIt!コードを囲んで、DiggIt!を左寄せしました。効果は下の図のようになっています。

DiggIt！のコードに　digg_skin = 'compact';　を追加すれば、横長いDiggItボタンが表示できます。そのほかに、digg_bgcolor = '#000000' では背景色を変更できます。


<script type='text/javascript'>
digg_url = '<data:post.url/>';
digg_title = '<data:post.title/>';
digg_skin = 'compact';
</script>
<script src='http://digg.com/tools/diggthis.js'
 type='text/javascript'/>

以下のようになります。

ものを記事のページにしか表示させない方法

2008-02-23T11:40:00.005+09:00

久しぶりにBlogger Beta hacksの紹介になりますが、実はこのHacksは前の記事「Adsenseを記事内だけに表示させる」という記事で紹介しましたが、その記事がAdsenseポリシー違反と言われて、削除しました。

今回は、あるものを記事のページにしか表示させない方法が聞かれて、ここでもう一度紹介します。

まずは、テンプレートから


<p> <data:post.body/></p>

を見付かって、これは記事の内容表示するコードです。

このコードの上または下に表示したいもの（広告など）書くわけです、このとき、以下のように自分のコードを囲まれることによって、記事のページにしか表示しません。


<b:if cond='data:blog.pageType == "item"'>
広告のコード
</b:if>

Bloggerのテンプレート構造を分かれば、上のコードはほかの位置でもいいです、ポイントは
<b:if cond='data:blog.pageType == "item"'>　</b:if>で囲まれることです。

写真サイズを楽に変更する　Image Resizer

2008-02-22T15:20:00.001+09:00

Image ResizerはMicrosoftが出品したMicrosoft PowerToys for Windows XPツール群の中ひとつのツールです。インストールすると、右クリックメニューに「Resize Pictures」という項目が追加されます、サイズを変更したい写真ファイルに右クリックするだけて、写真サイズを変更できます、かなり便利なツールです。

このツールがあれば、写真サイズを変更するだけて、わざわざPhotoshopを開く必要はないですよね。

ダウンロードはこのページの右下です。

macbook pro 08新型？

2008-02-18T19:52:00.003+09:00

2月26日アップルが新Macbook Proリリースするらしいですが、その新Macbook Proの写真はもう流出しました。外観を見ると、この前ディビューしたMac book Airの一部（特にディスプレイ）に似ていますね。でも、Macbook Proですから、Mac book Airが省略した機能（イーサネットポート、EEE1394など）ちゃんと付くでしょう。

Macbook Proが公表してから、5年間外観が変わったことがなかったですので、今回はMac book Airのテクノロジを取り込んで、変身する時期が迎えたでしょう。Mac book Airマルチタッチ対応トラックパッドも入れば最高ですね。

Firefoxのタブ拡張いろいろ

2008-02-17T21:53:00.004+09:00

Firefoxを使っている人は、恐らくTab Mix Plusも入れているでしょう、今回紹介するのはこのTab Mix Plusのひとつの小さい機能ータブを多段で表示する。

Firefoxでタブをいっぱい開くと、タブが小さくなって、見ずらくなりますよね、下の図のように、Tab Mix Plusの設定画面で、一段に収まらない数のタブを開いた場合、タブバーを”多段表示する”にすれば、タブが多段表示され、タイトルもちゃんと見えるようにな。る
タブを多段表示：

この他に、タブをもっと楽に使えるFirefoxの拡張
Vertigo
タブを左サイドバーに表示できる拡張

ColorfulTabs
タブを色別で表示する。

Tab Scope
タブのプレビューできる拡張

FishEyeTabs
タブの数が多くなって、タイトル見えない場合、タブのタイトルを拡大して表示してくれる拡張

スクリーンキャプチャ　グリーンソフト　picpick

2008-02-14T00:36:00.009+09:00

PicPickはフリーなスクリーンキャプチャソフトです。インストール不要、800kの単体EXEファイルのグリーンソフトですが、機能は驚くほど豊富です。

スタートアップ設定でき

ホットキー対応

自動保存、自動クリップボードへ送る

ウインドウ、アイコン、マウスポイントまでキャプチャできる

Windowsペイントより高機能なエディタ

ピクセル定規、色取など

ダウンロード：cowscorpionから
　　　　　　　bloggerbetatipsから

写真をExif元に一気にリネームするフリーソフト　NameExif

2008-02-12T21:27:00.001+09:00

NameExifはデジカメ撮った写真をExif情報を元に、一気にリネームするフリーソフトです。

NameExifはインストール不要で、exeファイルのみ、いわゆるグリーンソフトです、ファイルやディレクトリを指定して、一気にリネームできます。写真ネームのフォーマットがYYYY-MM-DD-HH-MM-SSという具合で指定できます、かなり便利なソフトウェアです。

スクリーンショート１のように、日本語のディレクトリが文字化けで表示されています、スクリーンショート２の"add name"の欄に日本語を入れて、文字化け表示されますが、ちゃんと日本語のファイルネームが生成されます。日本語が完全にサポートしていないけど、まぁまぁ使えるという感じです。

リネーム前：

リネーム後：

ダウンロードはこちらです。

Bloggerのテーブル空白問題

2007-12-02T21:32:00.000+09:00

Bloggerの記事の中でHTMLコードで直接テーブルを挿入すると、テーブルの前にテーブルの行数と同じ行数の空白が出てくる。これはBloggerがHTMLコードを解析するとき、HTMLコードの中の改行を自動的に空行を入れるためです。解決策はHTMLコードの中の改行をすべて削除することです。

一般のテーブルコード：


<table border="1">
<tr> 
<td>aaa</td>
<td>bbb</td>
</tr>
<tr>
<td>ccc</td>
<td>ddd</td>
</tr>
</table>

を改行を削除する


<table border="1"><tr> <td>aaa</td><td>bbb</td></tr><tr><td>ccc</td><td>ddd</td></tr></table>

aaa	bbb
ccc	ddd

Blogger in draftがOpen IDコメントをサポート

2007-11-30T23:52:00.000+09:00

Blogger in draftがOpen IDを持つユーザがコメントできるようにしました。

Blogger in draftにログインして、設定ー＞コメントに入ると、上の図のように、OpenIDを持つユーザからのコメントを許可できます。

Flickrのスライドショーをブログに貼り付ける

2007-11-22T22:09:00.001+09:00

Flickr自身のスライドショー機能を利用すれば、Filckrの写真を自分のブログにスライドで展示することができます。
Your browser doesn't support embeded html pages
まずは原理です。Flickrのスライドショーを貼り付けるには、以下のコードで記事の中に埋め込めばいいです。


<iframe align="center" frameBorder="0" width="500" scrolling="no" height="500"
src="http://www.flickr.com/slideShow/index.gne?
user_id=75558237@N00&tags=googlelogowinnerolympic" ></iframe>


<object type="text/html" data="http://www.flickr.com/slideShow/index.gne?
user_id=75558237@N00&tags=googlelogowinnerolympic" > </object>

上のコードを自動的に生成してくれるオンラインサービスもあります（後で紹介します）、ここで原理を説明するため解説します。
コードの中の”75558237@N00”のようなuser_idはidGettrで簡単調べることができます。tagsオプションは写真のタグを指定します。他のオプションは以下の通りです。
“contacts=”, “text=”, “tag_mode=”, “favorites=”, “group_id=”, “frifam=”, “nsid=”, “single=”, “firstIndex=”, “set_id” 、“firstId=”などあります。

この原理を利用して、一発上のコードを自動的に生成してくれるサービスもいくつがあります。
SlideFlickr.com
名前通り、Flickrのスライド機能向けのサービスです。UserID、グループIDまたは写真セットURLを指定して、embedのコードを生成できます。そのほかに、スライドのスタイル（背景、タイトル、スライドスピード、背景音楽など）もカスタマイズできます。しかし、生成されたコードはSlideFlickrを経由していますから、このサイトがいつか閉鎖されたら、スライドが表示できなくなるかもしれないです。

fshow
このサービスは完全にFlickrのスライドコード生成してくれるので、上のような問題はないです。

GoodWidgets
goodwidgetsのスライドショー機能もFilkrから写真を取り込むできます、しかし、このサービスを利用するために、GoodWidgetsにユーザ登録する必要があります。

アフィリエイトA8.netを取り込んだ

2007-11-22T15:20:00.000+09:00

このサイトは2006年年10月からGoogle Adsenseに加入して、一年間になりましたが、今までの総収益はまだ40ドルに達ない。少しお小遣いを稼げて、ドメイン名を買おうかなと思って、なかなか難しい。ブログお小遣い達人John Chow（月収入1万ドルのガイ）から「お小遣いは一種類の広告に頼らない」というヒントを得ました。そして、国内最大のアフィリエイとサイトと誇るA8.net
を取り入れました。

A8.net
は一般的なHPに貼り付けるバナー広告以外に、ブログに記事を書くだけで規定の報酬がもらえる「エントリー型プログラムA8Buzz」もあります。実は、この前の記事ブログの訪問者追跡サービス　－－　あし＠はためしにA8Buzzからのエントリー記事でした、報酬は200円でした。その墓に、サイトバーにもクチコミblogランキング『TREview』
バナー広告を貼り付けました。

このような広告はブログにお小遣いが得られるかもしれないですが、やはり広告を増やすと、ブログのデザインに影響があるし、読者に嫌がれるかもしれないですから、（お小遣い収入はこのブログの目的ではないから）僕は自分にA8.net
広告を張るルールを決めました。

本ブログの内容に合わない広告を張らない。

ブログに張られる広告を必ず自分自身で検証する。

エントリー広告のタイトル前に[エントリー記事]または[エ]で表記する。

以上三つの簡単のルールを守ってやっていきたいです。

Bloggerがスライドショーウィジェットを追加

2007-11-20T16:22:00.000+09:00

bloggerにはスライドショー機能を追加しました。

スライドはPicasaアルバム、Flickr、Photobucketとその他のMedia　Rss形式をサポートしています。

[エ]ブログの訪問者追跡サービス　－－　あし＠

2007-11-19T22:37:00.000+09:00

あし＠は国産のブログ訪問者追跡サービスです。このようなサービスは国外いくつありますが、あし＠は国内の利用者多いので、効果はいいと思います。

ブログ訪問者追跡サービスとは、ブログの訪問者を繋がって、新しいSNSになるの狙いです。

ほかの人があなたのブログをアクセスすれば、その人の足跡があなたのブログに残ります、（もちろんあし＠ユーザのみ記録できます）、その人の足跡で、その人のブログに辿り着けます。
もちろん、あなたが他人のブログを訪問すれば、他人もあなたの足跡であなたのブログをアクセスできます。

あし＠のホームページによりあし＠の特徴は

あし＠クライアントに表示されるプロフィールからリンクされるあなたのブログは、直リンクになっているので、たくさんのブログにあなたの足跡がつくことで、被リンクが増大、SEO対策にもとても効果的です。

他の人のブログについたあなたの足跡を辿って多くの人があなたのブログを訪れるので、アクセスUPにも繋がります。
そして、どんな人が自分のブログを見ているのかもわかるので、新しい出会いや、コミュニケーションの可能性を広げるきっかけにもなるでしょう。

今はSNSサービスが流行って、こういう面白いサービスはまだまだ出るでしょう。

RSSアイコン集めその２

2007-11-18T23:47:00.000+09:00

Fast Icon フリーのStockアイコン提供しているサイト。

Social Bookmark Iconsセットに入ってたもの。

丸いRSSアイコン

PhotoshopCandyから丸いアイコン、PSDファイルも提供しています。

Vista風の変形RSSアイコン、Photoshopで作り方の解説もあります。

freeiconsweb提供しているXPとVista風のRSSアイコン

Play Like A Girl 提供している変形RSSアイコン、PSD、PNG形式があります。

もうひとつちょっと変わったRSSアイコン

Google Adsenseがテキスト広告フォーマットを変更

2007-11-17T01:39:00.000+09:00

うっかりミスクリックを防ぐため、Google Adsenseが新しいテキスト広告フォーマットを変更しました。

従来の広告枠の中にどこでもクリックできますが、広告のタイトルとリンクURLのみクリックできるように変更しました。

RSSアイコン集め

2007-11-13T22:58:00.001+09:00

まずはfeediconsから提供している標準ＲＳＳアイコン，標準色の28x28と14x14サイズと50色の12x12サイズを提供しています．

snap2objects
30種類のベクターアイコンと40色の3Dアイコン

bittbox
8色，128, 96, 64, 48, 32, 24, 16, 12pixels, eps,jpg, png,Illustratorフォーマット揃っています．

zeusboxstudio
32x32,12x12二種類全てpngフォーマット

WebFruitsのBlog用のアイコンセットに含まれるもの．

もう長くなったから，次回続きます．

bloggerテンプレート

2007-11-12T00:59:00.000+09:00

JackBook.ComはたくさんのBloggerテンプレートが集まっています．Wordpressのテンプレートから移植したのは多数です．３カラムのテンプレートが多いです．