デザインぼろぼろ

今日はマイッタ・・・
ブログにgoogleAPIを組み込もうとして、手間取っているうちに使ってたテンプレートを上書き保存して
修復出来なくなった。(もちろんバックアップなんてしていません・)

サンプルで用意されていたのをそのまま使い、とりあえずブログパーツも使ってたのを入れたけどまた
デザインがグチャグチャにナってもた。
4時間もかかったけどもう寝る。

又、一から修正せんといかんな～(*_*;

披露宴列席のアップスタイル

披露宴に列席で派手になりすぎずに、12時間持つスタイルということで、サイドは崩れないように編みこんで、バングス(前髪)の厚みとバランスの取れるのボリュームのあるサイドアップスタイルです。

スタイルの画像がセットのスタイルしかブログに載せていないのは、セットは時間外(早朝)予約の場合で写真を撮っている暇があるためです････そのうち普通のスタイルも載せようとは思ってますけど、っていうことはうちが暇ってことか～？

デザイン変更

先日から、ブログデザインをいらってばかりいる。

とりあえず、アーカイブもphpでファイル操作して、JavaScriptで書き出してみたり、
色を変えてみたりとやっているが、ゴヂャゴチヤしてきた･･･

もう少し大胆なシンプルをテーマに考えてみよう。重くならない程度に。

今後の課題として、ラベルのURLを、例えばダメージヘア.htmlとなる日本語が
BLOGGERで
44OA44Oh44O844K444OY44Ki44O8.htmlって変換されるが
これを
%e3%83%80%e3%83%a1%e3%83%bc%e3%82%b8%e3%83%98%e3%82%a2%e3%83%bc.html
になるよう変換方式を変えてみる。

で、あとページ送りを日付順でリスト化して読み込むのと
タグリスト項目に件数をつけるのと、ページタイトルを読み込ませて記載内容をわかりやすくする。
手っ取り早いのは、サムネイルで表示か？

Google モバイル コンテンツ向け AdSenseの文字化け

先日から、mobile用のAdSenseの文字化けが気になっていたが、
(設定時は表示されてなく数ヶ月たってから表示されていた・・・何でだ？)

で、携帯でアクセスすると文字化けしているのに気がつき、対策として、
ＰＣサイトをphpプログラムで変換しているので、それをUTF-8にしたりSJISで書いたりと
していたが(元はeuc-jpで書いてあるのをSJISで出力している)結局
グーグルのヘルプをよく読めば何のことも無く、

euc-jpで書かれているプログラム中に下記の設定でSJIS出力して文字化けが無くなった。


$GLOBALS['google']['oe']='euc-jp';

BLOGGER $I18N$LinksToThisPost$(特定クラシックテンプレートのエラー)

以前から気になっていたのが、$I18N$LinksToThisPost　というクラシックテンプレートで使われいる関数が何かわからなかったけど、

$I18N$LinksToThisPost　→　$I18NLinksToThisPost$　の間違いのようだ。

グーグルで検索すると
$I18N$LinksToThisPost の検索結果 約 123,000 件(world)
とてでくるが、多分すべて同じテンプレートだとおもう。

手順は
ログイン後テンプレートを開き　$I18N$LinksToThisPost　を探し出し
$I18NLinksToThisPost$に置き換えて　プレビューで確認後　テンプレートの変更内容を保存　して　今すぐ投稿を公開　で完了です。

とりあえずグーグルにも報告はしたけど対処してくれるかどうかは･･･

BLOGGER クラシックテンプレート直近コメントの取り出し

BLOGGERのFTP公開typeのクラシックテンプーレートのカスタマイズ。

最近のコメント問題を参考にJSONを使いJAVASCRIPTでFTP公開サイトでもサイドバーの好きな位置にテンプレートに書き込めば表示されます。

下記の場合は5件のみ表示し、日付を［yy-mm-dd］の表示文字数にしています。

<h2 class="sidebar-title">直近のコメント5件</h2>
<div id="recent_comment_list"></div>
<script type="text/javascript"><!--
function recent_comment_callback(obj) {
var data = obj;var statusHTML = '<ul>';
for (var i=0; i<data.feed.entry.length; i++) {
statusHTML+= ('<li><a href="'+data.feed.entry[i].link[0].href+'">');
statusHTML+= (data.feed.entry[i].summary.$t.substring(0,32));
if (data.feed.entry[i].summary.$t.length > 32) {
statusHTML+= ('...');
}
statusHTML+= ('<\/a><br \/>');
statusHTML+= ('<span class="item-date">['+data.feed.entry[i].published.$t.substring(2,10)+']<\/span>');
statusHTML+= ('by<span class="item-author"> '+data.feed.entry[i].author[0].name.$t+'<\/span>');
statusHTML+= ('<\/li>');
}
statusHTML += '<\/ul>';
document.getElementById('recent_comment_list').innerHTML = statusHTML;
}
--></script>
<script type="text/javascript" src="http://www.blogger.com/feeds/自分のblogID/comments/summary?alt=json-in-script&callback=recent_comment_callback&max-results=5"></script>

プログラム代金

義妹の彼氏がカットに来たときの話。

彼は某社のプログラマー、某生保会社の依頼でフラッシュでのシュミレーションソフト
を創ったらしいが・・・納品金額が　9,500,000円･･･って
本人いわく｢ボッタグリやで～｣

私もそう思う。
けど、会社として運営するにはそれぐらいは妥当な金額なのだろう・・・!?

そういえばうちの美容室向けのソフトも200万ほどの5年リースで組んだけど、
これも開発費が3,000万ほどかかったって話だか、
使い勝手が悪く解約申し込むも残金一括請求ときたから大変だ・・

シャー無しに使ってたけど、2ケ月程でサポート打ち切り・・・

原因はプログラムを勝手に書き換えたから・・・(このころから結構独学)
アレから12年はたつけど、ACCESSベースのプログラムはいまだに書き換えながら使えています。

BLOGGER 更新PINGの送り方

プログを始めて1年弱、PINGって何の事と思って調べると下記の様な事。

でもどうやら利用しているBLOGGERはweblogs.comにか送信できないと、クリボウの Blogger 入門: 更新 Ping を打とうとでていたので、PING送信プラスを使って送っています。

PING送信プラス
を使用すると、各PINGサーバーへ指定した
ブログの更新情報が登録されます。

各PINGサーバーへ登録されると、ブログ検索サイトの検索対象になるため、
アクセス数の増加が見込めます！

また、ウェブ検索にも登録されやすくなるため、SEO対策にも効果的です！

※新しい記事を投稿したら必ず「PING送信」ボタンを押しましょう！

BLOGGER ページurlの取り出し

タイトルに対してそれ自身のURLの取り出しはJavascriptでテンプーレートで使われているtitle=permanent linkを利用して取り出しています。

window.onload=function(){
var linkNode=document.getElementsByTagName("a");
for(var ii=0;ii<linkNode.length;ii++){
if(linkNode[ii].title=="permanent link"){
var ele = document.createElement("span");
　　ele.innerHTML = "<input type=\"text\" name=\"url\" size=\"80\" value=\""+linkNode[ii].href+"\" onfocus=\"this.select()\" />";
linkNode[ii].parentNode.appendChild(ele);
}}}

あし＠はりつけ

あし＠を貼り付けたのはいいが、レイアウトの自由度が無いので少しいらってみた。
position: relative　の配下に position:absolute　であし＠のプログラムでの書き込みをしたら
好きな位置に持ってこれますよ～

って2日かかった･･･

マウス座標を収得してその位置にプロフィールを表示するようにしようとしたが･･･

cssでpositionの指定は親要素も関係するってどこかでみたので、うちの場合は(relativeで指定)
idをつけたタグの子要素に書き込むように少しプログラムを書き換えて、
その下にがくるように配置した。

とりあえず、気が向いたら色味を修正しようかと思う。

さっこれから仕事のデータ入力しようっと。

BLOGGERクラシックテンプレート UTF-8での文字化け対策

以前
BLOGGERクラシックテンプレートUTF-8で表示せずで
文字コードをUniversal(Unicode UTF-8) に設定すると画面が表示されなくなったと言う記事を書いたが、

文字化け対策、エンコードのことによると、

タイトルに日本語使用している場合にMETAデータのエンコード指定がタイトルより後に読み込まれている為だとの記事が載っていたので参考に

クラシックテンプレートの
<title><$BlogPageTitle$></title>
<$BlogMetaData$>

　という順になっているコードを下記のように入れ替えて完了です。

<$BlogMetaData$>
<title><$BlogPageTitle$></title>

これで\(￥)が表示されるか？

BLOGGER クラシックテンプレート ページタイトルの変更

下記のサイトを参考に、
<title><$BlogPageTitle$></title>を
<title>
<MainPage><$BlogTitle$></MainPage>
<ArchivePage><$BlogPageTitle$></ArchivePage>
<ItemPage><Blogger><$BlogItemTitle$></Blogger>:<$BlogTitle$></ItemPage>
</title>

と変更して、タイトル名:プログ名に変えてみました。

クリボウの Blogger Tips: ページタイトルも変えられるのだ

php PEAR(ペアー)のインストール xp + php5.2.5

ローカルでphpが作動する環境で、phpのフォルダーに

go-pear.bat
PEAR→　go-pear.phar が存在する場合、
(phpのインストール時にExtras→PEAR installを指定すると作られる)

go-pear.batが下記のようになっているので

@ECHO OFF
set PHP_BIN=php.exe
%PHP_BIN% -d output_buffering=0 PEAR\go-pear.phar
pause 下記のように書き換え

@ECHO OFF
set PHP_BIN=php.exe
%PHP_BIN% -d output_buffering=0 C:\PHP\PEAR\go-pear.phar
pause
(C:\・・・は環境に合わせる)
後はコマンドプロンプトから

C:\Documents and Settings\....>go-pear

後はエンターし、出てくる1を選択してベースのフォルダーを指定する。
普通に

C:\Documents and Settings\....>cd c:\PHP

で移動したら、go-pear.batの修正は必要ないけど･･･

※固まっている場合は、
php.iniの output_handler = mb_output_handlerを確認し コメントアウトするべし
;output_handler = mb_output_handler

※エラーが出る場合は、windows配下のpear.iniをチエックする