Bloggerが使えない？

今日、久しぶりにブログをアップしようとしたら、
今まで使っていたインターフェースが無くなってました！

この変更は1年以上前にあったのですが、
「以前のインターフェースに戻す」
というオプションがあったので、そのまま古いバージョンで使っていました。
が、もうそれはできないことが判明！

投稿は出来るのですが、今まで頻繁に使っていた絵文字が使えない。。。
自力でやろうと思えば出来るのですが、 ものすごく時間がかかるし面倒。
悲しい。。。(´∩｀)

あぁ、Bloggerが使いにくくなってしまった。
新しいブログサイトにした方が良いのかしら？ もうちょっと悩んでみます。

模様替え

久しぶりにブログの模様替え。
もう１年半近く変えていなかったので。
Google Bloggerも進歩してきました。
前回までは他でテンプレートを探し、
自分でhtmlコードを変えたりしていたのですが、
Google Bloggerで新しくテンプレートデザイナーが登場
テンプレートの数が増え、バックグラウンド、レイアウト、テキスト
などなどの自由度が激増！

今回はテンプレートデザイナーを使ってみました↓

模様替え

ブログの模様替えをしました
今まで使っていたテンプレートも飽きてきたので。
本当は去年の春、模様替えをしようとしたのですが、
テンプレートを自分流に変えようと
いろいろとxmlファイルをいじったのですが、
思うようにうまく行かず、そのまま結局ギブアップ。

今回はBlogger Templatesというサイトから
ダウンロードしたものをそのまま使いました
このサイト、テンプレートが豊富です。
どれにしようか迷いました。
ので、また少ししたら別のテンプレートに
変えるかも。。。←飽きっぽい

YouTubeのアップロード

YouTubeのビデオのアップロード、初トライです。
やり方は、こちらの方のポストを参考にしました。

今、私の中ではまっているシンガー、
Deva Premalのミュージックです。
結局このビデオは動画ではないので、
わざわざYouTubeでアップする事はなかったのだけど。。。

Journeyセミナーのときに、彼女のCDを１枚買い、
聞いているうちに魅了されました

その後オンラインで、彼女のCDを３枚も
購入してしまいました
はまるととことん、はまります！

Bloggerの画像と枠線（ボーダー）

Bloggerに挿入した画像のボーダー線（枠線）の
コントロールの仕方について、
長いこと悩んでいました
メインのテンプレートでの枠線のコントロール方法は、
分かっていたのですが、
これは挿入した全ての画像についての枠線の定義。

私が知りたかったのは、
１つ１つの画像の枠線のコントロール方法。
今までにいろいろ調べたり、
自分で試してみたけど、全て失敗。

半分あきらめかけていたのですが、
今日、その方法が分かりました！
（試行錯誤の結果です）

Bloggerで画像を挿入後、HTMLへ行き
＜img styleを探します。

私の場合、メインのテンプレートで枠線を入れていないので、
画像を挿入しただけでは

＜img style="cursor: pointer; width: 267px; height: 201px;"

のようになっているのですが、このimg styleに、以下の太字を追加。

＜img style="border: 1px solid ; padding: 4px; color: rgb(192, 192, 192); cursor: pointer; width: 267px; height: 201px;"

border: 1pxは枠線の太さ。0pxにすると枠線なし。
solidは枠線の種類。noneにすると枠線なし。dottedは点線、dashedはダッシュ線、doubleは２重線（線の隙間は枠線の太さと一緒）、ridge、inset、outsetなど。
padding: 4pxは画像と枠線の隙間の大きさ。
color: rgb(192,192,192)は枠線の色。ここはRGB表示でなくても、color: grayのように、そのまま色の指定もできるし、HEX表示でもOK。

これで好きなように画像の枠線が
コントロールできるようになりました。

一応プログラマーの端くれなので、
これくらいは出来ないと。。。
↑
でもHTMLやCSSのプログラミングはした事ない

やっぱり自分で自分のページを
カスタマイズできるようになるのは楽しいです！

枠線の例↓

中国でのBlogger規制

中国に住む友達から、「ブログが読めない」と言われ続けていましたが、
今回やっと試行錯誤して（友達にしてもらって）、
中国からbloggerが見えるようになりました。

はじめに、なぜ中国でグーグルブログが読めなかったのかというと、
中国政府がブロックしているため。
インターネット検閲というものがあるらしいです。
そしてグーグルブログのサイトは全てシャットアウト
たまに見えるときもあるみたいですが、
見えてもすぐまたブロックされてしまって。

中国に住む友達曰く、オリンピックが近づき、最近さらに
読めないWEBサイトが多くなったとの事。
規制がこれからますます厳しくなるようです（2007年7月現在）

いろいろ調べた結果、プロキシ・サーバを利用すれば見える、
ということを発見。
つまり

中国のどこか→グーグルブログ

このアクセスは不可能なので、

中国のどこか→中国でブロックされていないプロキシサイト→グーグルブログ

と第3者を通せばOKでした
このプロキシサイトがグーグルブログを読み込み、プロキシサイトに表示してくれます。
でもコメントの書き込みは出来なかったそうなので、これでも完璧ではないのですが。。。

それにしても中国って。。。いろいろと面倒ですね。

ちなみに無料プロキシサイトの例は以下↓
（全てのサイトが中国でブロックされているかどうかは不明。
www.greatfirewallofchina.orgでブロック状態をチェックしましたが、
日によって変わってくるみたいなので。全て英語のページです。）

http://www.autobypass.com/
http://www.unblocked.org/
http://www.hidemyass.com/
http://proxify.com/
http://anonymouse.org/anonwww.html
http://www.goproxing.com/
http://www.474.cc/

またこのサイトにいくと、無料プロキシサイトがたくさんリストされてます
http://www.prospector.cz/Free-Internet-services/Web-proxy/

Bloggerで絵文字 パート2

絵文字ボタンを自分で追加・削除する方法、思ったよりも簡単に見つけられました

Greasemonkeyのスクリプト、インストールした後に、
誰でも修正ができるのです。

修正したいGreasemonkeyを選択し、Editボタンを押す（詳細はココ）。
Emoticonの場合は

buttons += emoticonButton("arrow", "http://wolverinex02.googlepages.com/icon_arrow.gif");

のような行がたくさん並んでいるので、この行を足していくだけ。
赤字の部分が、新しい絵文字が保存してあるWEB上のアドレスになるので、
これを新しいものに修正。
青字の部分は、.NETプログラミングでいうところのToolTipText。
各絵文字の新しい名前を挿入すればOK。

これだけです。
Greasemonkeyスクリプト言語は、まだよく分かってないのですが、
適当にやってみたら出来ました

今の仕事でプログラミングしたりしているので、
その知識が少しは役にたったかも？

今はWEB上にある絵文字をいろいろと探しているところです

Bloggerで絵文字

Google Blogger、初心者でも簡単に使えて
良いとは思うのですが、絵文字がないのが残念。

そこでちょっと調べてみたら、いくつか見つけたので、早速インストール。

Emoticons for Blogger
様々なスマイリーフェイスをゲットできます。例えば
とかとか、やなどなど。

Cool Emoticons for Blogger
こちらはアニメの絵文字。かなりかわいいです。
、、の種類と、、、の種類をゲット。

自分でもコーディング出来るようになったら、
ユニークな絵文字が作れるのに。。。
頑張ってGreasemonkeyスクリプトを勉強しようかな？

ちなみにこれらの絵文字はIE(Internet Explorer)では使えません。
FireFox独自のGreasemonkeyというスクリプトを使っているので。

絵文字を使うには、まずFireFoxをインストール。
さらにGreasemonkeyもインストール。
メニューのTools->Greasemonkey->Enabledにしてから、
絵文字の各スクリプトをクリックすると、
勝手にGreasemonkeyに追加してくれます。
あとはFireFoxでBloggerを開くだけで、絵文字が使えるようになります

ちなみにアンインストールしたい場合は、
Tools->Greasemonkey->Manage User Scripts
を開けば、アンインストールボタンがあります。

追記：（2012/1/7）
新しいBloggerのデフォルトの設定では、このGreasemonkeyのスクリプトを
インストールしても、投稿記事を書く欄で絵文字が見えないのが判明。
その場合、SettingsページのBasicへ行き、そのページの１番下の方にある
Global Settingsの”Select post editor”を
”Old editor ”に修正しておくと、見えるようになります。
デフォルトだと”Updated editor (Recommended)”が選択されているので
それだと絵文字が見えません。

Bloggerの翻訳ツール

以前Babel fishの翻訳ツールを使っていたのですが、
今回はGoogleが提供している翻訳ツールを
ブログページにつけてみました。

英語からその他の言語に翻訳するだけでなく、
他の言語から英語に翻訳するのも可能だったので。

でも翻訳機能の方は、やはり完璧にはいきませんね。

かなりへんてこな文章が出来上がります。。。
私の英語が適当なのが原因かしら？

ちなみにココからコードを頂いてきました（英語の説明です）。
インストール方法は、

Click here to get the code of the Widget.
Click here to get the code of the Widget with big flags.
Click here to get the code of the Widget with small flags.

のうちの１つを選び、コードをゲット。

Blogger TemplateタブにあるPage elementから、HTML/Javascriptを選び、ゲットしたコードをそのままコピーすればOK。

あまり使う人はいないのかもしれないけど、ないよりはまし？

mixiとBlogger

Mixiで私が使っている”Blogger”の反映が出来る事を、今日知りました。
早速mixiの設定を変更、４時間待ってみました。
(mixiは４時間毎にしかRSSフィードのチェックをしないらしい）

そしたら、mixiに私の日記のタイトルが反映されるようになりました。
嬉しい！日本のメジャーなブログサイトしかサポートされてないのかと思って。。。

タイトルをクリックすると、自動的に私のブログページが開くようです。

mixiにはBloggerのコミュもありました。
たくさんの人が私と同じBloggerを使っているようで、
いろんな私の知らないツールとか見つかりそうです。

ちなみに今夜は一晩かけて、テンプレートを変えてみました。
気分一新！マイフェイバリットカラーの赤紫色のテンプレートです。

ちなみにこちらが、私が参考にしたBloggerの反映方法です。Peach Pipeさんに感謝！