ginzi.com::blog

最初に…

配布されている hatena2js関連ソース はphp部分とJavaScript部分からなっているので、phpが動くサーバであることが条件になります。

詳細設定については上記の参考サイトさんを参考にしてみて下さい。

<?php // このスクリプトはEUCです。申込
ob_end_flush();
$hina = file("http://a.hatena.ne.jp/*****/source?mode=hina");
$duration = 1 * 60 * 60;
$uplink =(' <img src="http://*****.**/～/*****.gif">');

echo "<!--\n";
echo "drawHatena( '<div class=\'blogrollmain\'>'+";

foreach ($hina as $var) {
preg_match("#<!--HINA_OK (\d{4})/(\d{2})/(\d{2}) (\d{2}):(\d{2}):(\d{2}).*?--><a
href=\"(.+?)\">(.+?)</a><br>#i", $var, $t);
list(,$dy,$dm,$dd,$dh,$di,$ds, $uri, $blog) = $t;
$utc = mktime($dh,$di,$ds,$dm,$dd,$dy);

$update = date("H:i:s", $utc)." [JST] on ". date("l, F d", $utc);
$new = time() - $utc;
$name = mb_convert_encoding($blog, "utf-8", "euc-jp");
$updt = date("$dy/$dm/$dd H:i", $utc);

if($new < $duration) {
echo "'$updt ' + '<a href=\'$uri\' title=\'Last updated: $update\' target=\'_blank\' >$name</a>' + '$uplink' + '<br />' +";
} else {
echo "'$updt ' + '<a href=\'$uri\' title=\'Last updated: $update\' target=\'_blank\' >$name</a>' + '<br />' +";
}
}

echo "'</div>' + ''); \n";
echo "function drawHatena(s){ document.write(s); }\n";
echo "// -->";

?>

ここんちのソースは↑こんな感じ。

｢コトウユウキの(ぅ)らぶろぐ。｣ さんから借りてきたソースを、｢Orbium-そらのたま-｣ さんの
説明に従いちょこっとアレンジしたものです。

青字のところはデフォルトで文字指定になってますが、下記のように画像指定( img タグ )に書き換え。

$uplink = " new!";

　　　　　↓

$uplink =(' <img src="http://*****.**/～/*****.gif">');

※画像指定はＵＲＬで

20、23、26行目に日時を先頭に表示させるためのコードを追加。

20行目::$updt = date("$dy/$dm/$dd H:i", $utc);

23行目::echo "'$updt ' + '<a href～

26行目::echo "'$updt ' + '<a href～

新たらしいテンプレートを作成 → 青字の部分のところをだけを修正して文字コードをＵＦＴ-8、拡張子｢.php｣で保存。
多分…、コピペだけで設置出来ると思います

【追記】
スクロールバーを付ける場合は、インポートするテンプレートを｢class属性｣で囲み

<div class="scrollbar"><script type="text/javascript" src="hatena2js.php"></script></div>

スタイルシートに下記のコードを追加
青字はお好みで…

/* リンクリストのスクロールバー自動付与… */
.scrollbar {
height: 300px;
overflow: auto;