blog
April 04, 2007
本日開始は、Seesaa、スポーツナビ+blog、JUGEM。livedoorやVoxなんかも今後の予定に入ってて、それはいいんだが、はてな、ハブられてんな…
posted by Buzzurl[バザール]
November 27, 2006
はてブ経由で[N]ネタフル見てたら、マウスオンでリンクがポップアップする。しかもサムネイル付き。
あれこれポップアップ系のツールなんかいなと思って、調べてみたら、サムネイル付きで検索結果を表示してくれる、新規の検索エンジンが提供するWebツールなんですね。
Snap
そういや、TechCrunchの紹介記事も見てたんだっけか。
TechCrunch Japanese アーカイブ » Snapであなたのサイトにも無料で検索プレビュー機能を
やり方は簡単。
サイトを登録して、発行されたタグをhtmlのヘッダー部分に貼り付けるだけ。
"あれこれポップアップ"系のツールは、入れてみたいなと思ってたんですが、そしたらついでにCSSもイジくりたいし…どうすんべと思考停止してたんで、とりあえず暫定的に入れてみますた。
おー仲々良いかも。
と、一人悦に入ってたら、どうもIEだとスクリプトエラーでサイト自体が表示されないっぽい…
orz
ネタフルさんのとこは、IEで開いても普通に見れるんだけどなあ…
あれこれポップアップ系のツールなんかいなと思って、調べてみたら、サムネイル付きで検索結果を表示してくれる、新規の検索エンジンが提供するWebツールなんですね。
Snap
そういや、TechCrunchの紹介記事も見てたんだっけか。
TechCrunch Japanese アーカイブ » Snapであなたのサイトにも無料で検索プレビュー機能を
やり方は簡単。
サイトを登録して、発行されたタグをhtmlのヘッダー部分に貼り付けるだけ。
"あれこれポップアップ"系のツールは、入れてみたいなと思ってたんですが、そしたらついでにCSSもイジくりたいし…どうすんべと思考停止してたんで、とりあえず暫定的に入れてみますた。
おー仲々良いかも。
と、一人悦に入ってたら、どうもIEだとスクリプトエラーでサイト自体が表示されないっぽい…
orz
ネタフルさんのとこは、IEで開いても普通に見れるんだけどなあ…
今日のブクマ/2006/11/26(日付が変わってしまた…)
- [N] The Very Best Covers Of 有頂天
そのネタフルさんで見つけた記事。
うひょー、宝島(B5版時代限定)なラインナップだなあ(笑)
そろそろこの辺のバンド(ヒカシューとかゼルダとか)の音源を、iTMSとかでも売ってくんないかしら。 - ymlabの日記 - Gmailと、GSpaceで、オンラインストレージ
Gmailをオンラインストレージとして使うFirefoxのプラグイン。
でも、最近、FirefoxよりもSleipnirの方が早かったような気もして、またプニルに戻ろうかと思案中。
え、Opera?
OperaはGoogle関連のサービスが使えないからなあ… - 紙きり1年戦争
おもすれー!と思って見てたら、今年お亡くなりになったとか。合掌。 - ∀
ヒゲも、こうやって見るとカッコいいような気がしてくる。
∀関連では、こういうのも。
「∀」成立の背景にあったもの
∀とGガン観てない僕は負け組ですかそうですか… - 栗本薫 THE COMIC
あんれまー、グインがついにマンガに!
でも原作には永遠に追いつけないなたぶん。 - The Mature Men, Bear, Chub Videos Thread - JustUsBoys.com Gay Community
最後は、フケ専×外専ゲイの方限定のアダルトサイト。
ノンケの読者さん(いるのか?)、あるいは18歳以下の君は、決して見ないように。
もし見てしまって、うわーホモって気持ち悪〜とか思っても、それはあなたの判断だし、まあいいんだけどさ(笑)
でも、ホモってこんなもんなんだぜ。
November 04, 2006
livedoorクリップで見つけた記事。
「Yahoo!グルメ」の飲食店情報を貼り付けられる「ブログパーツ」 - INTERNET Watch
こんな感じ。
ソースを見てもらえればわかるけど、地図の部分はJavaScriptになってて、マウスでグリグリ動かせる(よって、はてなダイアリーには貼れない。だからはてブの方にはなかったのか?)。こりゃ楽だー。
店紹介すんのに、あっちから地図のスクリプト、こっちから住所と電番とかコピペしなくても一発。
で、サンプルとして貼ったのは、いつぞや紹介しそこねた「麺劇場玄瑛」という店。
並んださ一時間。喰いに行ったのまだ9月アタマの暑い時期だったから、半分熱中症になりかけながら。・゚・(ノД`)・゚・。
麺劇場なんて云うだけあって、店のかまえは上の画像のように仰々しい感じ。
中に入ると、ホントにちっちゃな劇場のように椅子が階段状になってて、ラーメン作ってるのを客が注目するような造りになってる。
メニューはシンプルで、基本は塩ラーメンと、とんこつラーメンのみ。
あと、毎月、期間限定の新作ラーメンなんかも出すらしい。
僕が喰ったのは、塩の方。
「Yahoo!グルメ」の飲食店情報を貼り付けられる「ブログパーツ」 - INTERNET Watch
ブログパーツで表示できるのは店舗の詳細情報のほか、マウスのドラッグ操作で拡大縮小・スクロール可能な店舗付近の地図、クチコミ情報、クーポン情報など。地図は、航空写真にも切り替えられる。
こんな感じ。
|
ソースを見てもらえればわかるけど、地図の部分はJavaScriptになってて、マウスでグリグリ動かせる(よって、はてなダイアリーには貼れない。だからはてブの方にはなかったのか?)。こりゃ楽だー。
店紹介すんのに、あっちから地図のスクリプト、こっちから住所と電番とかコピペしなくても一発。
で、サンプルとして貼ったのは、いつぞや紹介しそこねた「麺劇場玄瑛」という店。
並んださ一時間。喰いに行ったのまだ9月アタマの暑い時期だったから、半分熱中症になりかけながら。・゚・(ノД`)・゚・。
麺劇場なんて云うだけあって、店のかまえは上の画像のように仰々しい感じ。
中に入ると、ホントにちっちゃな劇場のように椅子が階段状になってて、ラーメン作ってるのを客が注目するような造りになってる。
メニューはシンプルで、基本は塩ラーメンと、とんこつラーメンのみ。
あと、毎月、期間限定の新作ラーメンなんかも出すらしい。
僕が喰ったのは、塩の方。
October 16, 2006
久しぶりに、ブログのカスタマイズネタ。
livedoorでも、livedoor クリップなんて、ソーシャル・ブックマークサービスが始まって、僕もちょろっと使い始めているんですが、そのクリップボタンをブログに表示するの巻。
以下、公式のヘルプページ辺りを参考に。
「clip!」ボタンを設置する カスタマイズ/管理 ブログ ガイド livedoor ヘルプ
これに加え、クリップアイコン が表示されるように、以下のようなタグをブログのカスタマイズ画面から、トップページその他のhtmlに付け足す。
で、このクリップ!ボタンを付ける位置なんだけれど、これまでは、はてブだけだったから、タイトルの横だったんだけど、タイトルの横に二つも三つも、この手のボタンがつくのはウザそうなので、文末に移動させる。
てか、これはユーザの使いやすさも、ちょっとだけ考えて。
普段からバシバシSBM使ってるアーリーアダプターな人は、既にbookmarkletをブラウザに入れてるだろうから、ブクマボタンなんざ関係ないだろうけど、そうじゃない人がブクマするときに、記事を読んで、わざわざタイトルに戻るためにスクロールして…ってやっぱ使いにくいよなーと思ってさ。
このブログをブクマする人なんざ、それほどいないんだけど(みんなー、ブクマしてくれよー)、こういうインタフェースのサジェスチョンも重要なんかなと。
インタフェースと云えば、はてなダイアリーなんかは、各記事のタイトル部分がパーマリンクになってて、livedoorブログは、文末に「この記事のURL」なんて表示が付くんですが、はてなの方が、絶対直感的だよねー。
ブクマボタンの追加を機に、そういうトコも、ちょちょっとイジくりますた。
通常なら、文末のパーマリンク周りは、こんな感じなんですが、
こっからパーマリンクのタグを取っ払って、はてブとlivedoorクリップ!のタグを追加。
取っ払ったパーマリンクは、記事のタイトル部分であるh3タグ辺りに挿入。
デフォルトは、
こうなっているところを、
こんな感じに。
あとは、CSSでちょいと整形。
へえ、ブログを始めた2年前からすると、htmlもCSSもわかってんじゃん>僕。めっちゃ満足(ホントか?)
ただ、ほんのちょっとhtmlやらCSSやらわかってくると、色んなブログからパクッて色んなブログを参考に、付け足し付け足しで来たもんだから、なんかソースがグダグダ…
一回、キチンと書き換えないと、ダメだよねえ…
関連記事
livedoorでも、livedoor クリップなんて、ソーシャル・ブックマークサービスが始まって、僕もちょろっと使い始めているんですが、そのクリップボタンをブログに表示するの巻。
以下、公式のヘルプページ辺りを参考に。
「clip!」ボタンを設置する カスタマイズ/管理 ブログ ガイド livedoor ヘルプ
これに加え、クリップアイコン が表示されるように、以下のようなタグをブログのカスタマイズ画面から、トップページその他のhtmlに付け足す。
<a href="http://clip.livedoor.com/redirect?link=
<$ArticlePermalink$>&title=<$BlogTitle URIESCAPE$>%20-%20&
lt;$ArticleTitle URIESCAPE$>&ie=euc" class="ldclip-redirect" title="この記事をクリップ!">
<img src="https://parts.blog.livedoor.jp/img/cmn/clip_16_12_b.gif" alt="
この記事をクリップ!" style="border: medium none ; vertical-align:
middle;" height="12" width="16"></a>
で、このクリップ!ボタンを付ける位置なんだけれど、これまでは、はてブだけだったから、タイトルの横だったんだけど、タイトルの横に二つも三つも、この手のボタンがつくのはウザそうなので、文末に移動させる。
てか、これはユーザの使いやすさも、ちょっとだけ考えて。
普段からバシバシSBM使ってるアーリーアダプターな人は、既にbookmarkletをブラウザに入れてるだろうから、ブクマボタンなんざ関係ないだろうけど、そうじゃない人がブクマするときに、記事を読んで、わざわざタイトルに戻るためにスクロールして…ってやっぱ使いにくいよなーと思ってさ。
このブログをブクマする人なんざ、それほどいないんだけど(みんなー、ブクマしてくれよー)、こういうインタフェースのサジェスチョンも重要なんかなと。
インタフェースと云えば、はてなダイアリーなんかは、各記事のタイトル部分がパーマリンクになってて、livedoorブログは、文末に「この記事のURL」なんて表示が付くんですが、はてなの方が、絶対直感的だよねー。
ブクマボタンの追加を機に、そういうトコも、ちょちょっとイジくりますた。
通常なら、文末のパーマリンク周りは、こんな感じなんですが、
<div class="posted"><$ArticleAuthor$> at <$ArticleTime$>|
<a href="<$ArticlePermalink$>">この記事のURL</a>
<IfArticleAllowComment>│<a href="<$ArticlePermalink$>#comments">
Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
<IfArticleAllowPing>│<a href="<$ArticlePermalink$>#trackback">
TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing><IfArticleCategory1>│
<a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>
</IfArticleCategory1><IfArticleCategory2>| <a href="<$ArticleCategory2Url$>">
<$ArticleCategory2$></a></IfArticleCategory2></div>
こっからパーマリンクのタグを取っ払って、はてブとlivedoorクリップ!のタグを追加。
<div class="posted"><$ArticleAuthor$> at <$ArticleTime$>
<!--はてブを追加--->
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry_dg.gif" style="border:
medium none ; vertical-align: middle;" width="16" height="12"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含む
はてなブックマーク" /></a>
<!--はてブ終了--->
<!--livedoorクリップ!を追加--->
<a href="http://clip.livedoor.com/redirect?link=<$ArticlePermalink$>
&title=<$BlogTitle URIESCAPE$>%20-%20<$ArticleTitle URIESCAPE$>&ie=euc"
class="ldclip-redirect" title="この記事をクリップ!"><img src="
http://parts.blog.livedoor.jp/img/cmn/clip_16_12_b.gif" alt="この記事を
クリップ!" style="border: medium none ; vertical-align: middle;"
height="12" width="16"></a>
<!--livedoorクリップ!終了--->
|<IfArticleAllowComment>│<a href="<$ArticlePermalink$>#comments">
Comments(<$ArticleCommentCount$>)</a></IfArticleAllowComment>
<IfArticleAllowPing>│<a href="<$ArticlePermalink$>#trackback">
TrackBack(<$ArticlePingCount$>)</a></IfArticleAllowPing><IfArticleCategory1>│
<a href="<$ArticleCategory1Url$>"><$ArticleCategory1$></a>
</IfArticleCategory1><IfArticleCategory2>| <a href="
<$ArticleCategory2Url$>"><$ArticleCategory2$></a></IfArticleCategory2>
<!--個別記事からのedit-->
│<a class="aposted" href="http://blog.livedoor.com/cms/article/edit?id=
<$ArticleId$>">Edit</a>
<!--個別記事からのedit終了-->
</div>
取っ払ったパーマリンクは、記事のタイトル部分であるh3タグ辺りに挿入。
デフォルトは、
<div class="titlebody"><h3 class="title">
<$ArticleTitle ESCAPE$><IfArticleRating>
<$ArticleRatingIcon$></IfArticleRating>
</h3></div>
こうなっているところを、
<div class="titlebody"><h3 class="title">
<a href="<$ArticlePermalink$>">
<$ArticleTitle ESCAPE$></a>
<IfArticleRating><$ArticleRatingIcon$>
</IfArticleRating></h3></div>
こんな感じに。
あとは、CSSでちょいと整形。
.title a:link, h3 a:visited, h3 a:active {
color:#000000;text-decoration:none;}
.title a:link, h3 a:hover {
color:#ffffff;text-decoration:none;background:#000000;}
へえ、ブログを始めた2年前からすると、htmlもCSSもわかってんじゃん>僕。めっちゃ満足(ホントか?)
ただ、ほんのちょっとhtmlやらCSSやらわかってくると、
一回、キチンと書き換えないと、ダメだよねえ…
関連記事
May 25, 2006
livedoor Blog 開発日誌:記事ごとのタグ入力機能がつきました! - livedoor Blog(ブログ)
とのこと。
記事を投稿するときに、事前に言葉をタグとして指定すると、その指定した言葉がタグとして認識されるらしい。
てな訳で「タグ 記事 言葉 指定 テスト」という言葉を登録して、やってみるテスト。
追記。
って、やってみたのだが、認識しないですぅ。
事前に存在するタグにしかリンクされないってことなんかな?
再度追記。
んじゃ事前に存在する「お知らせ 検索 ブログ ゲーム」というタグではどうなるか?
とのこと。
記事を投稿するときに、事前に言葉をタグとして指定すると、その指定した言葉がタグとして認識されるらしい。
てな訳で「タグ 記事 言葉 指定 テスト」という言葉を登録して、やってみるテスト。
追記。
って、やってみたのだが、認識しないですぅ。
事前に存在するタグにしかリンクされないってことなんかな?
再度追記。
んじゃ事前に存在する「お知らせ 検索 ブログ ゲーム」というタグではどうなるか?
May 09, 2006
April 17, 2006
April 13, 2006
ブログパーツをさがせ : お天気プラグインとRSSフィード(livedoor)
livedoor blog独自のプラグインかと思いきや、ただJavascriptで動いてるだけで、livedoorに限らず貼れるのね。
下のPRっての邪魔だなあ(笑)
お天気プラグイン - Weather Hacks - livedoor 天気情報
nucleus用にhackした人も。
livedoor「Weather Hacks」のnucleus用プラグイン(PHP, Web)
実はギーグっぽい会社らしいのだが>livedoor。
でも、意匠としてYahooのわかりやすさも捨てがたいのかな。
もっとクールにWeb2.0(笑)で行けばいいのに。
fogmaにトラバいただいたLife goes onさんのところで見慣れない天気予報を発見。livedoorプラグインだけどlivedoor以外のブログでもピッと簡単に貼れるので早速ご紹介。
livedoor blog独自のプラグインかと思いきや、ただJavascriptで動いてるだけで、livedoorに限らず貼れるのね。
下のPRっての邪魔だなあ(笑)
お天気プラグイン - Weather Hacks - livedoor 天気情報
お天気プラグインの動作を確認しているブログサービス
- livedoor ブログ(Blog)
- Jugem
- ウェブリブログ(BIGLOBE)
- ココログ
- Seesaa ブログ
- ドリコムブログ
- Blogger
- FC2ブログ(blog)
nucleus用にhackした人も。
livedoor「Weather Hacks」のnucleus用プラグイン(PHP, Web)
ivedoorの天気予報サービス「Weather Hacks」を使って天気予報を表示するnucleus用プラグインを作ってみました。
よかったらダウンロードしてみて下さい。
実はギーグっぽい会社らしいのだが>livedoor。
でも、意匠としてYahooのわかりやすさも捨てがたいのかな。
もっとクールにWeb2.0(笑)で行けばいいのに。
April 09, 2006
April 08, 2006
Lightbox JSとか前々から試してみたいと思ってたんですが、JavascriptをFTPでアップしたりとか、ちょっとウザ。
そういや、CSSで画像ポップアップをやってるサイトが、はてブで人気エントリになってたなあとか思ってたら、
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
CSSだけでLightbox.JSを再現したサイトを紹介してるだけで、問題のCSSに関して詳しく解説してる訳でもない。
でも、結局これって、Lucky bag::blogのe-luckさんがやってたことと同じなのかな。
Lucky bag::blog: CSS で画像ポップアップ
最初は拡大された画像を1px×1pxで飛ばしておいて、マウスオーバーでオリジナルサイズを表示させる、てな感じ?
CSSに追加するクラスは以下。
「.photo」と「.photo a.popup:hover」は各々、マウスオーバーしていないとき、しているときのサムネイル画像の設定。
「.photo a .large」と「.photo a.popup:hover .large」は、これも各々マウスオーバーしていないとき、しているときの拡大画像の設定。
拡大画像は通常状態のとき1px×1pxになってるけど、サムネイルはマウスオーバーのときに1px×1pxになってる訳ですね。
「.photo a.popup」及び「.photo a.popup:visited」は、マウスを戻したときの設定(?)。
で、このときに画像を以下のように記述。
上述で「width="XXX" height="XXX"」とした拡大画像のサイズは、CSSの「.photo a.popup:hover .large」に指定したサイズと同様でないといけないようです。
以上を踏まえてCSSにクラスの追加した後、試しにアップしてみたのがこちら。
ちょっとデカ過ぎたね>画像(笑)
表示も早いし仲々面白い効果が得られますが、拡大画像のサイズが固定されてしまうのが玉に瑕。CSSイジくったりと結局は手間だし。
てか、相変わらず、基本からじゃなくて、こういう飛び道具に喰い付いてしまうところが、僕の性格をあらわしているというか…
そういや、CSSで画像ポップアップをやってるサイトが、はてブで人気エントリになってたなあとか思ってたら、
SEO業者ですら感動する驚異のCSSテクニック - 不定期更新 SEOコラム
CSSだけでLightbox.JSを再現したサイトを紹介してるだけで、問題のCSSに関して詳しく解説してる訳でもない。
でも、結局これって、Lucky bag::blogのe-luckさんがやってたことと同じなのかな。
Lucky bag::blog: CSS で画像ポップアップ
JavaScript を使わずに、CSS を使ってサムネール画像の拡大画像をマウスオーバーで表示せる方法「CSS ~ Image Pop UP」を参考に、拡大画像をその場で表示させるサンプルを作ってみた。
最初は拡大された画像を1px×1pxで飛ばしておいて、マウスオーバーでオリジナルサイズを表示させる、てな感じ?
CSSに追加するクラスは以下。
img {※ Lucky bag::blog: :CSS で画像ポップアップのCSS設定を一部改変しています。下記のhtmlの記述も同様です。
border: none;
}
.photo {
position: relative;
top: 0;
left: 0;
width: 100px;
}
.photo a .large {
display: block;
position: absolute;
width: 1px;
height: 1px;
top: 0;
left: 0;
}
.photo a.popup,
.photo a.popup:visited {
display: block;
width: 100px;
top: 0;
left: 0;
}
.photo a.popup:hover {
background-color: 背景色;
}
.photo a.popup:hover .large {
display: block;
position: absolute;
width: 拡大時に表示するサイズ;
height: 拡大時に表示するサイズ;
top: 0;
left: 0;
}
「.photo」と「.photo a.popup:hover」は各々、マウスオーバーしていないとき、しているときのサムネイル画像の設定。
「.photo a .large」と「.photo a.popup:hover .large」は、これも各々マウスオーバーしていないとき、しているときの拡大画像の設定。
拡大画像は通常状態のとき1px×1pxになってるけど、サムネイルはマウスオーバーのときに1px×1pxになってる訳ですね。
「.photo a.popup」及び「.photo a.popup:visited」は、マウスを戻したときの設定(?)。
で、このときに画像を以下のように記述。
<div class="photo">
<a href="#" title="" class="popup"><img src="サムネイル画像のURL" width="xxx" height="xxx" alt="サムネイル画像" title="サムネイル" /><img src="拡大画像のURL" width="XXX" height="XXX" alt="拡大画像" title="拡大画像" class="large" /></a></div>
上述で「width="XXX" height="XXX"」とした拡大画像のサイズは、CSSの「.photo a.popup:hover .large」に指定したサイズと同様でないといけないようです。
以上を踏まえてCSSにクラスの追加した後、試しにアップしてみたのがこちら。
IEとFirefoxでは確認しましたが、キチンと表示されてる?
ちょっとデカ過ぎたね>画像(笑)
表示も早いし仲々面白い効果が得られますが、拡大画像のサイズが固定されてしまうのが玉に瑕。CSSイジくったりと結局は手間だし。
てか、相変わらず、基本からじゃなくて、こういう飛び道具に喰い付いてしまうところが、僕の性格をあらわしているというか…
March 20, 2006
March 02, 2006
February 13, 2006
January 19, 2006
December 03, 2005
いまもまだCSSのことなんかわかっていないのですが、以前は、この記事にも書いた通り、管理ページの「ブログの説明」(description)のところに、無理矢理ロゴ画像を貼り付けてて、タイトル自体はCSSで背景と同色にして、サイズも1pxにしてました。
livedoor blog Hack?(笑)
新環境ではタグが使えなくなってまして、この方法も使えず「どうすんべ」と思ってたんですが、一発奮起して差し替えてみたのがこのロゴ。
ロゴ画像作成に使用したのは、こちら。
LogoShader
込み入った本格的なことは出来ませんが、軽いし、フリーソフトなのでお手軽かと。
で、これで適当に作ったロゴをPhotoshopで加工して、こちらを参考にして貼り付けました。
hail2u.net>Weblog>Fahrner Image Replacement hacks
キチンと理解している訳ではないのですが、この方法だと、CSSを切っていても、生のhtmlはちゃんと表示されるようです。
ただ、livedoor blogの場合は、H1要素に「blogtitle」という名前が付けられているので、そこだけは注意。
あとはサイズの調整をして完成。
でも、そのサイズ調整が一苦労で。
今回は、何故かFirefoxだとバチンと本文とサイドバーの高さが合ったんですが、IEだとグチャグチャになってしまって。
その刷り合わせに小一時間かかりました。
未だにIEとNN系のCSSの表示の差を、キチンと理解してないんだなーと反省。
まあ、目標としてた「ちょっと小洒落た雰囲気」には一応なったので、良しとしますか。
てか、ロゴ作ったあとで、なんかフランツのニューアルバムに似てねえ?とか思ったり…
You Could Have It So Much Better
決してフランツにインスパイヤされた訳ではなく、フランツのアート・ディレクターも僕も、ロシア構造主義に敬意を表してるだけなんですよ(笑)
livedoor blog Hack?(笑)
新環境ではタグが使えなくなってまして、この方法も使えず「どうすんべ」と思ってたんですが、一発奮起して差し替えてみたのがこのロゴ。
ロゴ画像作成に使用したのは、こちら。
LogoShader
込み入った本格的なことは出来ませんが、軽いし、フリーソフトなのでお手軽かと。
で、これで適当に作ったロゴをPhotoshopで加工して、こちらを参考にして貼り付けました。
hail2u.net>Weblog>Fahrner Image Replacement hacks
キチンと理解している訳ではないのですが、この方法だと、CSSを切っていても、生のhtmlはちゃんと表示されるようです。
ただ、livedoor blogの場合は、H1要素に「blogtitle」という名前が付けられているので、そこだけは注意。
あとはサイズの調整をして完成。
でも、そのサイズ調整が一苦労で。
今回は、何故かFirefoxだとバチンと本文とサイドバーの高さが合ったんですが、IEだとグチャグチャになってしまって。
その刷り合わせに小一時間かかりました。
未だにIEとNN系のCSSの表示の差を、キチンと理解してないんだなーと反省。
まあ、目標としてた「ちょっと小洒落た雰囲気」には一応なったので、良しとしますか。
てか、ロゴ作ったあとで、なんかフランツのニューアルバムに似てねえ?とか思ったり…
You Could Have It So Much Better
決してフランツにインスパイヤされた訳ではなく、フランツのアート・ディレクターも僕も、ロシア構造主義に敬意を表してるだけなんですよ(笑)
November 20, 2005
以前、使っていた、ちびたさんの本文幅可変の3カラム・デザインは、本当に使い易くって。
livedoor blogが新環境に移ってからも、「あー、またあのテンプレ使いてー」と思ってました。
で、昨日、休日出勤してガリガリ仕事したおかげで、今日は、まるまる一日ぼんやりとした日だったので、その、可変幅の3カラムが出来ないものかと、色々いぢくりまわした結果、どうにか出来上がりましたので、ここにお披露目させていただき申す。
てか、ちびたさんの、このCSSから、bannerとcontainer、サイドバー部分の設定を抜き出して、新環境デフォルトのCSSと折衷させただけなんですが。
ボックスモデル・ハックとか、3カラムにするために、本文と左サイドバーをwrapperで包んで、とか、一応勉強したのに、ほとんど役に立たなかった… orz
そのうち、ほんまもんの独自テンプレとか作ってみたいんですが、道のりは、遠いなあ…
気を取り直して。
ちびたさんには、本当に感謝です。ありがとうございましたm( _ _ )m
IEとfirefoxで確認はしておりますが、「ここ変だよー」と気づかれた方は、ご一報くださいませ。
よろしくお願いいたします。
livedoor blogが新環境に移ってからも、「あー、またあのテンプレ使いてー」と思ってました。
で、昨日、休日出勤してガリガリ仕事したおかげで、今日は、まるまる一日ぼんやりとした日だったので、その、可変幅の3カラムが出来ないものかと、色々いぢくりまわした結果、どうにか出来上がりましたので、ここにお披露目させていただき申す。
てか、ちびたさんの、このCSSから、bannerとcontainer、サイドバー部分の設定を抜き出して、新環境デフォルトのCSSと折衷させただけなんですが。
ボックスモデル・ハックとか、3カラムにするために、本文と左サイドバーをwrapperで包んで、とか、一応勉強したのに、ほとんど役に立たなかった… orz
そのうち、ほんまもんの独自テンプレとか作ってみたいんですが、道のりは、遠いなあ…
気を取り直して。
ちびたさんには、本当に感謝です。ありがとうございましたm( _ _ )m
IEとfirefoxで確認はしておりますが、「ここ変だよー」と気づかれた方は、ご一報くださいませ。
よろしくお願いいたします。
November 01, 2005
ブログやCMSのオリジナルデザインを簡単5分オンライン注文。FLASHブログも可aamall.jp
blogのデザインを外注しちゃおうってヤツ。
料金表を見ると、デフォルトが19,800円、gif使うと3,000円プラ、Flashつけると10,000〜15,000円プラ。
Movable Typeだけじゃなく、主要なblogサービスにも対応してて、
中小企業向けかなあ。個人でblogやってる人にはどうなんだろ?
blogのデザインいじくるのも、楽しみのひとつだと思うんだけど。
blogのデザインを外注しちゃおうってヤツ。
料金表を見ると、デフォルトが19,800円、gif使うと3,000円プラ、Flashつけると10,000〜15,000円プラ。
Movable Typeだけじゃなく、主要なblogサービスにも対応してて、
- livedoor Blog
- goo ブログ
- はてなダイアリー
- Seesaa ブログ
- JUGEM
- FC2ブログ
- Excite ブログ
- ヤプログ!
- ココログ
- アメーバブログ
- Doblog
中小企業向けかなあ。個人でblogやってる人にはどうなんだろ?
blogのデザインいじくるのも、楽しみのひとつだと思うんだけど。
October 08, 2005
livedoor blog に「はてなブックマーク」ボタンを表示する その1、の続き。
さて、はてなブを表示するタグは解明出来たので、今度は、これを貼り付けるんだけれども、貼り付け先は、
「ブログの設定/管理」>「デザインの設定」>「カスタマイズ」
から、CSSはイジくらず、各々のページのhtml編集画面へ。
参考にさせていただいた、無ブロでビブロさんは、トラックバックやカテゴリのあとに付けられてまして、僕も最初これを試してみたんですが、livedoorの場合、カテゴリが二重になってるし、「Edit」ボタンも付けてるしで、ちょと五月蝿い感じが。
で、やっぱARTIFACT ―人工事実―みたくタイトル横に付けられないかと試行錯誤してましたら、出来ました偶然(笑)
まずは、トップページ及び個別記事のhtml。
次の部分に、赤字のタグを挿入してください。
<div class="datebody"><h2 class="date"><$ArticleDate$></h2></div>
<div class="blogbodytop"></div>
<div class="blogbody">
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
</h3></div>
次に、カテゴリアーカイブと月別アーカイブの場合。
<div class="fullbody">
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>
<div class="blogbodytop"></div>
<div class="blogbody">
<a name="<$ArticleId$>"></a><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
<div class="titlebody"></h3></div>
各々で前後のタグは微妙に違うと思いますが、
ちなみに、ブックマークボタンの色は、デフォルトの青以外にも以下の通りありますので、blogの色味と合わないなーって場合は、画像リンクのURLを変更してみるとよろし。
今日は相方(…じゃないんだな、もう)も来ず、SさんZさんもご旅行行かれたり仕事が忙しかったりで、なーんもなくて、ひとりでショボーン(´・ω・`)としておりましたので、頑張って記事書いてみました。
嗚呼、なんか空しい…
さて、はてなブを表示するタグは解明出来たので、今度は、これを貼り付けるんだけれども、貼り付け先は、
「ブログの設定/管理」>「デザインの設定」>「カスタマイズ」
から、CSSはイジくらず、各々のページのhtml編集画面へ。
参考にさせていただいた、無ブロでビブロさんは、トラックバックやカテゴリのあとに付けられてまして、僕も最初これを試してみたんですが、livedoorの場合、カテゴリが二重になってるし、「Edit」ボタンも付けてるしで、ちょと五月蝿い感じが。
で、やっぱARTIFACT ―人工事実―みたくタイトル横に付けられないかと試行錯誤してましたら、出来ました偶然(笑)
まずは、トップページ及び個別記事のhtml。
次の部分に、赤字のタグを挿入してください。
<div class="datebody"><h2 class="date"><$ArticleDate$></h2></div>
<div class="blogbodytop"></div>
<div class="blogbody">
<div class="titlebody"><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
</h3></div>
次に、カテゴリアーカイブと月別アーカイブの場合。
<div class="fullbody">
<IfDateChanged><div class="datebody"><h2 class="date"><$ArticleDate$></h2></div></IfDateChanged>
<div class="blogbodytop"></div>
<div class="blogbody">
<a name="<$ArticleId$>"></a><h3 class="title"><$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating>
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
<div class="titlebody"></h3></div>
各々で前後のタグは微妙に違うと思いますが、
- <h3>という見出しタグを閉じる直前につけること
- ただし、トップページ/個別記事のには、カテゴリアーカイブ/月別アーカイブにある<div class="titlebody">というタグがない
ちなみに、ブックマークボタンの色は、デフォルトの青以外にも以下の通りありますので、blogの色味と合わないなーって場合は、画像リンクのURLを変更してみるとよろし。
標準(青) | http://d.hatena.ne.jp/images/b_entry.gif | |
グレー | http://d.hatena.ne.jp/images/b_entry_dg.gif | |
緑 | http://d.hatena.ne.jp/images/b_entry_gr.gif | |
紫 | http://d.hatena.ne.jp/images/b_entry_pr.gif | |
茶 | http://d.hatena.ne.jp/images/b_entry_br.gif | |
赤 | http://d.hatena.ne.jp/images/b_entry_rd.gif | |
セピア | http://d.hatena.ne.jp/images/b_entry_sp.gif | |
ピンク | http://d.hatena.ne.jp/images/b_entry_pk.gif | |
抹茶 | http://d.hatena.ne.jp/images/b_entry_te.gif | |
ライトグレー | http://d.hatena.ne.jp/images/b_entry_lg.gif | |
ライトブルー | http://d.hatena.ne.jp/images/b_entry_lb.gif | |
白 | http://d.hatena.ne.jp/images/b_entry_wh.gif | |
オレンジ | http://d.hatena.ne.jp/images/b_entry_or.gif | |
ライム | http://d.hatena.ne.jp/images/b_entry_li.gif | |
黒 | http://d.hatena.ne.jp/images/b_entry_bl.gif |
今日は相方(…じゃないんだな、もう)も来ず、SさんZさんもご旅行行かれたり仕事が忙しかったりで、なーんもなくて、ひとりでショボーン(´・ω・`)としておりましたので、頑張って記事書いてみました。
嗚呼、なんか空しい…
October 07, 2005
キチンとしたCSSの勉強せずに、こんな小手先のことばかりやっておりますが。
加野瀬氏の本スレ(笑)であるARTIFACT ―人工事実―見てたら、いつの間にか、はてなブックマークやらMM/Memoやらdel.icio.usやら、いわゆるソーシャルブックマークサービスの追加ボタンが記事タイトル横に表示されてまして、へぇーと思ってたんですが、ちょろっと検索したらありましたありました。
無ブロでビブロ>Seesaaにはてなブックマークボタン
もしかして、これをイジくればlivedoorでも出来るんじゃね?と、仕事そっちのけで小一時間(ry
やりかたは、ほぼ同じなんですが、seesaaとlivedoorだと、記事のURLを示す特殊タグが違うので、そこを入れ替えます。
seesaa Blog
<a href="http://b.hatena.ne.jp/entry/<% article.page_url %>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
livedoor blog
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
あと当該記事の管理人氏は、ブックマークボタンの画像を自分のblogにコピーされていますが、僕は"はてな"のヤツをそのまま使ったので、「<img src="http://〜」以降の画像URLを変更いたしました。
で、これをデザインカスタマイズ画面から、トップページやら個別記事やら各々のhtml編集画面で貼り付けるだけなんですが、いまから飲みに行くんで(笑)、今日のところはここまででその2に続く。
てか、こんなことしてもブクマしてくれる人なんざいないんだけどさ…(と、やさぐれてみる)。
加野瀬氏の本スレ(笑)であるARTIFACT ―人工事実―見てたら、いつの間にか、はてなブックマークやらMM/Memoやらdel.icio.usやら、いわゆるソーシャルブックマークサービスの追加ボタンが記事タイトル横に表示されてまして、へぇーと思ってたんですが、ちょろっと検索したらありましたありました。
無ブロでビブロ>Seesaaにはてなブックマークボタン
もしかして、これをイジくればlivedoorでも出来るんじゃね?と、仕事そっちのけで小一時間(ry
やりかたは、ほぼ同じなんですが、seesaaとlivedoorだと、記事のURLを示す特殊タグが違うので、そこを入れ替えます。
seesaa Blog
<a href="http://b.hatena.ne.jp/entry/<% article.page_url %>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
livedoor blog
<a href="http://b.hatena.ne.jp/entry/<$ArticlePermalink$>">
<img src="http://d.hatena.ne.jp/images/b_entry.gif" width="16" height="12" style="border: none;"
alt="このエントリーを含むはてなブックマーク" title="このエントリーを含むはてなブックマーク" /></a>
あと当該記事の管理人氏は、ブックマークボタンの画像を自分のblogにコピーされていますが、僕は"はてな"のヤツをそのまま使ったので、「<img src="http://〜」以降の画像URLを変更いたしました。
で、これをデザインカスタマイズ画面から、トップページやら個別記事やら各々のhtml編集画面で貼り付けるだけなんですが、いまから飲みに行くんで(笑)、今日のところはここまででその2に続く。
てか、こんなことしてもブクマしてくれる人なんざいないんだけどさ…(と、やさぐれてみる)。
October 04, 2005
とWikiを更新中。
で、CSSを勉強するのに、一番カンタンなデザインがいいかなと、「デフォルト2005 (ブルー) 」というデザインに再度変更。
ただし、これまでのデザインとフォントサイズが違っている所為で、サイドバーずれが起きた記事がいくつか見られたので、下記の記事を参考に、本文のフォントサイズだけ変更しました。
livedoor Blog デザイン千本ノック!>文字(フォント)サイズの変更方法
変更点は、以下の通り。
あと、Wikiに記事を書く上で、色々と試行錯誤した結果、この記事(blog改造2 個別記事からの編集)についても、内容一部変更しております。
で、CSSを勉強するのに、一番カンタンなデザインがいいかなと、「デフォルト2005 (ブルー) 」というデザインに再度変更。
ただし、これまでのデザインとフォントサイズが違っている所為で、サイドバーずれが起きた記事がいくつか見られたので、下記の記事を参考に、本文のフォントサイズだけ変更しました。
livedoor Blog デザイン千本ノック!>文字(フォント)サイズの変更方法
変更点は、以下の通り。
.main,.mainmore{font-size: small;} | デフォルトの設定 | .main,.mainmore{font-size: x-small;} | 変更後 |
あと、Wikiに記事を書く上で、色々と試行錯誤した結果、この記事(blog改造2 個別記事からの編集)についても、内容一部変更しております。
September 20, 2005
探偵ファイルにはあちゅう登場:ARTIFACT@ハテナ系
いや、どう考えても、はあちゅうの釣りですって…
探偵ファイル/あぶない探偵 ウケるブログセミナー、開演!
http://www.tanteifile.com/baka/2005/09/17_01/index.html
はあちゅう主義。:探偵ふぁいるの記事について
http://blog.livedoor.jp/springflavor122/archives/50056795.html
はあちゅう主義。:一体何が…?
http://blog.livedoor.jp/springflavor122/archives/50057012.html
この展開は予想しなかったよ…。
いや、どう考えても、はあちゅうの釣りですって…
September 14, 2005
livedoor Blog 開発日誌 - livedoor Blog(ブログ)
livedoorガンガッテんなあ。
でも動画なんかうpしたら、2GBなんてすぐ一杯になっちゃうんじゃない?
まあ、別アカ使って、動画倉庫にしてもいいんだけどさ。
こんなに頑張っているんだから、次は、3カラムの可変幅のデザインをおながいします…
10月21日よりlivedoor Blogでも動画のアップロードに対応いたします。
livedoorガンガッテんなあ。
でも動画なんかうpしたら、2GBなんてすぐ一杯になっちゃうんじゃない?
まあ、別アカ使って、動画倉庫にしてもいいんだけどさ。
こんなに頑張っているんだから、次は、3カラムの可変幅のデザインをおながいします…
September 07, 2005
Yahoo様検索で、変な言葉でトップになっちゃってるよオイ
てな記事は以前も書きましたが、エウレカでYahooから来る方、ほら、そこの君ですよ。
すみません。ここでエウレカセブンの記事は、まだ書いてないんです。ゴメンね。
今度、GyaOかなんかで見とくから。
あと、「人妻密会倶楽部」でもYahoo!検索のトップに来ちゃってるんですが、いや、このblogと人妻は、多分、
菱沼さんと、はなくそハナちゃん
ほどの関係しかありません。
だから、お願いですから、「人妻密会倶楽部」なんてタイトルつけちゃったこの記事に、ノンケエロ系トラックバックとか送ってこないでいただきたいんですが>関係者各位様(と云いつつ、こんなタイトルつけちゃうし…)
てな記事は以前も書きましたが、エウレカでYahooから来る方、ほら、そこの君ですよ。
すみません。ここでエウレカセブンの記事は、まだ書いてないんです。ゴメンね。
今度、GyaOかなんかで見とくから。
あと、「人妻密会倶楽部」でもYahoo!検索のトップに来ちゃってるんですが、いや、このblogと人妻は、多分、
菱沼さんと、はなくそハナちゃん
ほどの関係しかありません。
だから、お願いですから、「人妻密会倶楽部」なんてタイトルつけちゃったこの記事に、ノンケエロ系トラックバックとか送ってこないでいただきたいんですが>関係者各位様(と云いつつ、こんなタイトルつけちゃうし…)
September 06, 2005
ponpokoさまのスパイスバトンgetズサ━⊂(゚Д゚⊂⌒` ←やっぱ基本的にミーハー(笑)
それではスタートォー!
【Q1】次のメニューにどんな調味料をかけますか?(薬味は含まず)
【Q2】周囲に意外だと驚かれる、好きな組み合わせはありますか?
リンガーハットのちゃんぽん喰うときは、必ず 酢 を入れます。
長崎じゃ割りと当たり前だと思うんですがねえ。
福岡とかでこれをやると、周りの人は ほぼ80% 引きます。
【Q3】それが一般的なのだとは知っているが、苦手な組み合わせはありますか?
そうだなあ…
【Q1】なんかに挙げたのも、これが好きってだけで、これ以外だと喰えないってのは、ないですね。
強いて挙げれば、「スイカに塩」かな。
あと、ちなみに僕にとってのところ天は、「三杯酢のところ天」です。黒蜜の「甘いところ天」って、喰ったことないので、味が想像出来ない〜。
【Q4】バトンをまわしたい5名は誰ですか?
Musical Baton騒動のことなんざすっかり忘れて、誰かに回して再び地雷を踏むってのも考えたんですが(笑)、僕も今回は穏便に止めときます。
誰かSpice Baton欲しい人がいたら、この記事にコメントしてくんろ。
それではスタートォー!
【Q1】次のメニューにどんな調味料をかけますか?(薬味は含まず)
- 目玉焼き →醤油。ソースは認めません。
- 納豆 →付いてくるタレと醤油とカラシ。でもねえ、福岡のスーパーで売ってる納豆付属のタレって、関東のヤツに比べて甘いんですよねえ。それは物凄く不満。
- 冷奴 →おろし生姜に醤油。
- 生キャベツ →キャベツのタレ(う、福岡ローカル過ぎるか…こんなヤツね)
- トマト →なにもかけません。
- サラダ →ドレッシングにこだわりはないなあ。あるもの、かかってるものそんまま。強いて云えば、カロリーの少ないもの。
- カキフライ →もちろんタルタルソース。
- とんかつ →とんかつソースにカラシ。
- カレーライス →なにもかけないっす。てか、カレーになにをかけるん?
- ナポリタン →これもかけないなあ。
- ピザ →でも、ピザにはタバスコかけます。
- 餃子 →酢醤油にラー油。東京から福岡に来て面白かったのは、東京で餃子喰うと、餃子のタレ(まあ、酢醤油ですなほとんど)が常備してあるのに、福岡だと、その場で酢と醤油を混ぜるんですね。これは目ウロコだったなあ。
- メンチカツ →基本的にはそのまま。時々ソース。
- コロッケ →これはソースかな。
- 天ぷら →天つゆが好きだけど、店によってはカッコつけて塩。
- ご飯(おかず無しの時) →そりゃ海苔の佃煮が一番!
【Q2】周囲に意外だと驚かれる、好きな組み合わせはありますか?
リンガーハットのちゃんぽん喰うときは、必ず 酢 を入れます。
長崎じゃ割りと当たり前だと思うんですがねえ。
福岡とかでこれをやると、周りの人は ほぼ80% 引きます。
【Q3】それが一般的なのだとは知っているが、苦手な組み合わせはありますか?
そうだなあ…
【Q1】なんかに挙げたのも、これが好きってだけで、これ以外だと喰えないってのは、ないですね。
強いて挙げれば、「スイカに塩」かな。
あと、ちなみに僕にとってのところ天は、「三杯酢のところ天」です。黒蜜の「甘いところ天」って、喰ったことないので、味が想像出来ない〜。
【Q4】バトンをまわしたい5名は誰ですか?
Musical Baton騒動のことなんざすっかり忘れて、誰かに回して再び地雷を踏むってのも考えたんですが(笑)、僕も今回は穏便に止めときます。
誰かSpice Baton欲しい人がいたら、この記事にコメントしてくんろ。
August 31, 2005
以前も、この記事で書いたのですが、デザイン変更に伴い、なくなってしまった、個別記事から直接編集画面に移行出来るボタンをつけました。
以前と同じくこちら(小春日和の陽射しの中で:記事から直接編集画面へ)を参考にしてますが、livedoor blogの新環境だと、この当時とはタグに変更があり、ちょっとだけ手間取りました。
以下、自分に対して、覚え書き。
トップページのhtml画面では、以下に部分に編集用のタグ(太字)を挿入のこと。
個別記事、カテゴリ、月別も同様。
以前と同じくこちら(小春日和の陽射しの中で:記事から直接編集画面へ)を参考にしてますが、livedoor blogの新環境だと、この当時とはタグに変更があり、ちょっとだけ手間取りました。
以下、自分に対して、覚え書き。
トップページのhtml画面では、以下に部分に編集用のタグ(太字)を挿入のこと。
<div class="posted"><$ArticleAuthor$> at
<$ArticleTime$>|<a href="<$ArticlePermalink$>">
この記事のURL</a><IfArticleAllowComment>
│<a href="<$ArticlePermalink$>#comments">Comments
(<$ArticleCommentCount$>)
</a></IfArticleAllowComment><IfArticleAllowPing>│<a
href="<$ArticlePermalink$>#trackback">TrackBack
(<$ArticlePingCount$>)</a></IfArticleAllowPing>
<IfArticleCategory1>│<a
href="<$ArticleCategory1Url$>"><$ArticleCategory1
$></a> </IfArticleCategory1><IfArticleCategory2>|&n
bsp;<a href="<$ArticleCategory2Url$>"><$ArticleCategory2
$></a></IfArticleCategory2>
│<a class="aposted" href="http://blog.livedoor.com
/cms/article/edit?id=<$ArticleId$>">Edit</a>
</div>
<IfFirstArticle><div
id="ad"><$Advertise$></div></IfFirstArticle>
</div>
<div class="blogbodybottom"></div>
</div>
<IfDateFooter><div
class="dateend"></div></IfDateFooter>
</IndexArticlesLoop>
<!-- Loop End -->
個別記事、カテゴリ、月別も同様。
デザイン変更で消失してしまったアクセス解析のタグを貼り付ける。
ちなみに僕が使用しているのは、AccessAnalyzer.com。
一応有料ユーザなのでlivedoorオフィシャルのアクセス解析はついてるのだけれど、微妙に使いづらいっぽい。
AccessAnalyzerにログイン後、javascriptで動作してるらしいタグを発行し、コピペ。
管理ページで、
ブログの設定/管理>デザインの設定>カスタマイズ>トップページ
CSSはいじくらず、各htmlの編集画面へ。
「この内容で保存する」をクリック。
それぞれ個別、カテゴリ、月別ページで同じ作業をし、「Blogの再構築」で終了。
ちなみに僕が使用しているのは、AccessAnalyzer.com。
一応有料ユーザなのでlivedoorオフィシャルのアクセス解析はついてるのだけれど、微妙に使いづらいっぽい。
AccessAnalyzerにログイン後、javascriptで動作してるらしいタグを発行し、コピペ。
管理ページで、
ブログの設定/管理>デザインの設定>カスタマイズ>トップページ
CSSはいじくらず、各htmlの編集画面へ。
</head>
<body>
← ここにタグを挿入
<…>
「この内容で保存する」をクリック。
それぞれ個別、カテゴリ、月別ページで同じ作業をし、「Blogの再構築」で終了。
August 29, 2005
新環境移行に伴い、旧環境時の設定に不具合が多数。
てか、再構築の遅いこと遅いこと。
こんなんじゃ、そりゃ皆ブーたれるわな。
とりあえずデザインをオフィシャルのものに変更したので、以前のデザインについて記録。
1.「ブログの設定/管理」より「ブログの説明」に以下のように(無理矢理)記述していた。
2.旧デザインのCSSとhtmlを以下に保管。
CSS
トップページhtml
カテゴリアーカイブhtml
月別アーカイブhtml
個別記事ページhtml
あー、また一からやり直すのか…
てか、再構築の遅いこと遅いこと。
こんなんじゃ、そりゃ皆ブーたれるわな。
とりあえずデザインをオフィシャルのものに変更したので、以前のデザインについて記録。
1.「ブログの設定/管理」より「ブログの説明」に以下のように(無理矢理)記述していた。
<img src=
"https://image.blog.livedoor.jp/daddyscar/
imgs/d/4/d454c060.JPG" width="159"
height="83" border="0" alt="タイトル" hspace="5"
class="pict" align="center"/>
<br> SFとミステリとロックとその他もろもろ。
で、実はそのもろもろの中身が重要。<br>
2.旧デザインのCSSとhtmlを以下に保管。
CSS
トップページhtml
カテゴリアーカイブhtml
月別アーカイブhtml
個別記事ページhtml
あー、また一からやり直すのか…
August 18, 2005
Milano::Monolog: こんなベンダーは嫌われる
うーむ。
雀百まで、魂入れず、と云おうか(ちょと違うっすか?)。
個人ユーザに対してだけでなく、法人ユーザに対しても、こんな有様なんね。
そういやJUGEM、登録はしたけど、その後、全然使ってねえやハハ。
他にも我が社は大手・中堅・小規模いろいろな開発会社を使っているのですが、その評価もさまざまです。
今を時めくライブドアにも開発を依頼していますが、今のところ目立ったトラブルや納期オーバーも無くうまくまわっています。
逆に某G系の某Gというところは最悪です。大言壮語で無責任。金さえもらえば後は知ったこっちゃ無いという姿勢が明確です。そのくせ高い。この会社が開発したシステムが大トラブル起こしている最中に社長がのこのことキヌガサナイトに顔を出していたのがふざけるなという感じでした。ま、そこにはワタシも参加していたわけで、偉そうなこと言えないわけですが。
うーむ。
雀百まで、魂入れず、と云おうか(ちょと違うっすか?)。
個人ユーザに対してだけでなく、法人ユーザに対しても、こんな有様なんね。
そういやJUGEM、登録はしたけど、その後、全然使ってねえやハハ。