« Google検索窓の設置とカスタマイズ | トップページ | 『海は涸いていた』 白川道 »

2003.12.23

ココログ(ブログ)の裏技&お役立ちサイト集

ココログを初めて苦労したのが、普通のホームページとは違う設定です。
スタイルシートをカスタマイズするだけで、四苦八苦。
カウンターをつけるのに、また悩む。
こんな調子で、記事を投稿する段階まで行くのかしらと不安になったものです。

しかしココログ界には素晴らしい先輩がたくさんいらっしゃいました!
いろんな裏技を編み出しては、公開されています。
今回は、そんな裏業やカスタマイズ方法を紹介されているサイトさんをまとめてみました。
→手広く追加していくうちに、ココログに限らず、blogの裏技集になってきました。

別ウインドウで開く場合は、[Shift]を押しながらクリックしてくださいね。
実際に設置したときの解説記事、アレンジ方法などは「関連記事」としてリンクしてあります。
そちらも併せて参考になさってくださいね。

★自分のスタイルシートを使う→関連記事
観測気球さまの「独自スタイルシート適用 -- RSS valid にするための変更」

★スタイルシートを選べるようにする
Idimetaのマスター日記さまの「CSS切替えマニュアル」

★container全体で1枚の背景を設定する
SHINOblogさまの「カスタマイズ11(背景を食い込ませる1)」「カスタマイズ11(背景を食い込ませる2)」

★引用文のデザインを変える→関連記事
文字書きわーるど♪さまの「引用文を目立たせる」

★Mozilla系ブラウザで、引用部分から飛び出す長いURLを折り返す→関連記事1
ケセラセラBrand-new!さまの「Mozilla 系ブラウザーで引用部分を折り返す。」

★タイトルにアイコンを使う→関連記事
文字書きわーるど♪さまの「タイトルにミニアイコンを表示」

★画像をCSSでポラロイド風にする→関連記事
ブログカスタマイズメモ DEAR DAYS別冊さまの「写真をポラロイド風にする」
ブログカスタマイズメモ DEAR DAYS別冊さまの「ポラロイド背景に画像を(グレー系)」

★カウンターをつける→関連記事
埼玉住人さまの「ココログにカウンターを入れよう!」

★アクセス解析をつける
SO505i Stand-by Dispさまの「アクセス解析の注意点(忍者TOOLS)」と「「アクセス解析設置の流れ(忍者TOOLS)」

★livedoorにカウンタとアクセス解析をつける→関連記事1
パンパでガウチョさまの「livedoor Blogでのカウンタ類のスマートな付け方」

★サブタイトル欄にメニューをつける→関連記事
文字書きわーるど♪さまの「簡易メニューつくってみました^^」

★伝言板をつける→関連記事
あそびをせんとやうまれけむさまの「[Tips]伝言板を作ってみた」

★JUGEPI! BBSの設置とカスタマイズ→関連記事
ねむい、ねむいんださまの「JUGEPi! BBSカスタマイズ方法」

★ブログ専用ミニBBS→関連記事1/2/3/4/5/6/7/8
fromshun.さまの「ブログ用ミニBBSスキン「shun's apeskin」配布開始。」

★マイリストにタイトルつけつつ表示させない
異空間==お花畑さまの「マイリストに名前を付けつつ表示させない方法」

★サブタイトルが切れないようにする
詩織さまの「タイトル画像を表示させる」

★Mac&IEでの文字化けを回避する→関連記事
詩織さまの「コメント文字化けMAC&IE」
ぞうさんちv2さまの「Mac版IEのコメント欄の文字化け解消法」

★プロフィールページに「戻る」ボタンをつける→関連記事
Tokyo Forumさまの「「トップページへ戻る」を付けよう」

★「ページのトップへ戻る」をつける→関連記事
あそびをせんとやうまれけむさまの「[Tips] 「ページの最初へ」を作る(1)」

★ココログを携帯で読む→関連記事1
ココモブ

★ココログ専用の検索サービス
ココログルさま。

★ココログのサイト内全文検索窓を設置する→関連記事1/2/3
暴想さまの「自分のココログを全文検索するJavaScript」
栗田隆喬のどうにもいいこと!さまの「カテゴリー表示IE6対応」
風柳亭 - 別館:書庫のある庵 -さまの「【ココログ】全文検索スクリプト(cocolog_ajax_search.js)に“本文(続き)”部分まで検索するパッチ」

★ココログル検索窓をつける→関連記事
健康な生活を送ろう!さまの「自分のココログ内だけをココログルで検索する方法」

★Google検索窓を設置する→関連記事
いかんともしがたいさまの「Google 検索窓を設置する その 8 [重要な変更]」
文字書きわーるど♪さまの「検索窓にちょこっと工夫^^」

★ココログ全文検索窓を設置する→関連記事
あそびをせんとやうまれけむさまの「ココログ全文検索を設置してみる」

★バックナンバーのプルダウン化(タイトルと概要抽出機能つき)→関連記事
暴想さまの「カテゴリ別バックナンバーをプルダウンメニューにするJavaScript」
暴想さまの「月別バックナンバーをプルダウンメニューにするJavaScript」
暴想さまの「タイトルと概要を表示するJavaScript」

★バックナンバー一覧を表示する→関連記事1/2
未定。さまの「cocohore! URL変更&補足」
facet-diversさまの「月別バックナンバー プルダウンメニュー」

★本文の見出し一覧を表示する→関連記事
facet-diversさまの「本文の見出しを抽出するスクリプト」
観測気球さまの「サイドバーへの記事一覧表示」
facet-diversさまの「見出し一覧」

★Bookmarkletでココログの見出しを抽出する→関連記事
風柳亭 - 別館:書庫のある庵 -さまの「【ココログ】ページ内記事の目次を作るJavaScript(謎のおまけ付き)」

★livedoorの個別記事にもサイドバーをつける→関連記事1
「サイドバーを個別記事にも付ける」

★livedoorで「ページ内見出し一覧」をつける→関連記事1
「カテゴリー内の記事一覧を載せる」

★他のblogでもcocohore! を使う
facet-diversさまの「cocohore! bookmarklet 2(改良?版)」
観測気球さまの「右クリックで cocohore!」

★リンク元とアクセス上位ページを表示する→関連記事
philosophicalさまの「人気ページ一覧/リンク元一覧表示機能 Version0.2」
sidebar.jp

★リンク元をRSSリーダーでチェックする→関連記事
track feed

★クリックされたリンクを調べる→関連記事1/2
MyblogLog
りょーちの駄文と書評とアフィリエイトさまの「ClickTrack≒MyBlogLog?」

★RSSをサイトに表示する→関連記事1/2
「ブログや情報配信サイトのRSSソース出力 Callbee Feed」
moondakotaさまの「RSS FeedをJavascriptでウェブページに表示」

★サイドバーをおりたたむ→関連記事1/2
facet-diversさまの「サイドバー折り畳み2:状態保持機能付き」「サイドバー折り畳み2:動作遅延対策」
むいむい星人の寝言さまの「サイドバー折り畳みボタンの色変え」

★seesaaとlivedoorのサイドバー折り畳みとボタンの色変え→関連記事1/2
色と日記とウェブログさまの「[ブログ]番外編 コラム開閉スクリプト」

★BlogPeopleやMyblogListにスクロールバーをつける→関連記事1/2
PIROBLOGさまの「BlogPeople リンクにスクロールバーをつけるその2」
「きのうの出来事」さまの「MyblogListにスクロールバーがついた!」

★BlogPeopleの「List Me!」に、サイト名のみを表示させる→関連記事
やむやむさまの「BlogPeopleのListMe!をいじってみた」

★トラックバック・ピープルのリストをカスタマイズする→関連記事
Benjamin's Forum Siteさまの「トラックバック・ピープル レイアウトを少し調整」

★ココログベーシック&プラスでClipLinkを設置する→関連記事/2
philosophicalさまの「ClipLinkをココログベーシックで」
facet-diversさまの「ココログベーシックでClipLink(その2:おまけつき)」

★ワンクリックで個別記事の編集画面を開く→関連記事
philosophicalさまの「ココログベーシックで特定記事の編集画面にジャンプ」
観測気球さまの「右クリックで「ココログ過去記事編集」」
facet-diversさまの「ココログ過去記事編集用bookmarklet」
facet-diversさまの「ココログ過去記事編集用Bookmarklet 2 (全プラン対応版)」

★ココログのブログ表示に近い状態で、記事をプレビューする
「風柳亭 - 別館:書庫のある庵 -」さまの「風柳亭 - 別館:書庫のある庵 -: 【ココログ】記事のプレビュー表示用ブックマークレット(JavaScript only版)」

★「最近の記事」を日付別にツリー表示する→関連記事
風柳亭 - 別館:書庫のある庵 -さまの「【ココログ】『最近の記事』を日付別ツリー表示するスクリプト」

★コメントリストをツリー表示する→関連記事1/2
ふろむにぅじぃさまの「コメントリストツリー化 for ココログ & ブログ人」

★「最近の記事」「最近のコメント」「最近のトラックバック」にアイコンを表示する→関連記事
噴水2さまの「スタイルシートに着手」

★コメント欄の設定について、説明文を表示する→関連記事1/2
facet-diversさまの「コメント欄の設定を明示する」

★絵文字を使用する→関連記事1/2
stroll blogさまの「コメントにカスタマイズ絵文字入力機能」

★他のblogに書き込んだコメントに、返信があったかチェックする→関連記事
ブログコメントチェッカー
BlogPeopleアイ・ビー

★BlogPetの背景をランダムに変える→関連記事1/2/3
weblog.hikoboshi.macさまの「こうさぎの背景をランダムイメージにする」
津田ふみかの日記さまの「こうさぎの背景画像をランダムに変更する」
Channnel@R3さまの「こうさぎウォール ver1.10」

★BlogPetサーバダウン時に、留守番背景を表示する→関連記事
こうさぎ実験ブログさまの「こうさぎの留守画像を背景にする」

★複数のBlogPetをサイドバーに表示する→関連記事/2
[あ] UnderDone(あんでるどん)さまの「複数のBlogPetをサイドバーに飼う方法」
The blog of H.Fujimotoさまの「BlogPetのランダム表示JavaScript(改良版)」
The blog of H.Fujimotoさまの「BlogPetのランダム表示JavaScript(アクセスログ集中化対応版)」

★BlogPetの投稿をblog以外で受信、表示する→関連記事
UnderDone(あんでるどん)さまの「こうさぎ飼育箱Ver.1.1.0リリース」

★複数のBlogパーツを、サイドバーで切り替え表示する
The blog of H.Fujimotoさまの「Blog Parts Changerその1:スクリプトの骨格の設置」
The blog of H.Fujimotoさまの「Blog Parts Changerその2:メロを表示する(3種切り替え表示も可能)」
The blog of H.Fujimotoさまの「Blog Parts Changerその3:ケロールを表示する」

★キヌガサの日記をblogに表示する。→関連記事
観測気球さまの「キヌガサの日記をココログに貼りつける」

★はてなブックマークのポイント送信機能をつける。→関連記事
StarChartLogさまの「マイリストを使って、はてなブックマークの投げ銭対応」

★ココログTIPS集
此処録ANNEX : ココログTIPSさま。

★ココログのFAQ集
ココログのよくある質問集

★カスタマイズのリンク集
ブログ::カスタマイズページ集 β版さま。

★気になる新着記事チェック
ぴっくあっぷ。さま。

★トラックバックのマナーを学ぶ→関連記事1/2
ただのにっきさまの「「お返しTrackBack」はやめよう」
skywardさまの「一方的トラックバックは叱られる?」

今後も発見した裏業紹介サイトさまを、随時追加していきたいと思っています。
役立つ小技がありましたら、ぜひお知らせくださいませ。

|

ウェブログ・ココログ関連」カテゴリの記事

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/7313/44375

この記事へのトラックバック一覧です: ココログ(ブログ)の裏技&お役立ちサイト集:

» Opus 120:Not Finished(まだまだ改装中) [Take the え~train ]
 …と言うことで昨日からはじめたサイト内改装工事だが、チマチマ換えつつやっと半分くらい終了。家で言えば床と天井をめくって壁に断熱材と石膏ボードを埋め込んで、床面... [続きを読む]

受信: 2004.04.21 02:15

» “腕に覚えありPeople@ココログ”コーナー開設 [The evening star ]
 ココログを始めて2ヶ月半ほどになりますが、デザインのカスタマイズなど、様々なサ [続きを読む]

受信: 2004.05.05 00:10

» お友達サイトの快挙!! [フロッピーのホームページ]
先日、お友達サイト様のblogサイトが出版社さんの目にとまり、書籍ページにお友達のサイトが紹介される事になったそうです!!おめでと〜〜!!『koroppy'sw... [続きを読む]

受信: 2004.05.28 13:46

» 落ち着かないメインページ その2 [@HOME ]
9/4に私は、サイトの見た目と自分が書く内容の統一感を追求しようとすれば、どうし [続きを読む]

受信: 2004.09.05 15:24

» ココログdeブログ 2 [Pleasant days]
KOROPPYの本棚さまのココログの裏技&お役立ちサイト集を拝見しました。 すご [続きを読む]

受信: 2004.09.18 19:17

» やっとカウンター設置 [a miniature box]
自分でカスタマイズできるブログを選んだわりには、 ちっともカスタマイズしていなか [続きを読む]

受信: 2005.01.16 16:22

» ココログ ベーシックでのカスタマイズ事例 [cider]
ココログ ベーシックでのカスタマイズ事例が知りたかったので、早速、ググッて見ま [続きを読む]

受信: 2005.01.17 21:17

» いじれなかったよ [コロポックル]
テンプレを変えたついでに、色々使いやすくしようと頑張りました。 結局、サイドバー [続きを読む]

受信: 2005.01.30 23:19

» 独 ココログカスタマイズ4 [ぼしょぼしょ]
あっという間にできる?ココログカスタマイズ!! まずはじめに、参考にさせて頂いたサイトに敬意を表すると共に、心より感謝致します。ありがとうございます。 [続きを読む]

受信: 2005.01.31 23:57

» こんなんしてるから、サッカー見てないんですけども、背景に画像を使いました。 [skills up! BLOG]
以前から、スタイルシートを導入してカスタマイズしたかったのですが、なかなか出来ず・・・やり始めたら没頭して今の時間です。はぁ。 で、色々な先人のお知恵を借りなが... [続きを読む]

受信: 2005.02.13 01:53

» 独 ココログカスタマイズ4 [ぼしょぼしょ]
あっという間にできる?ココログカスタマイズ!! まずはじめに、参考にさせて頂いたサイトに敬意を表すると共に、心より感謝致します。ありがとうございます。 [続きを読む]

受信: 2005.02.25 14:45

» ココログいじり [ささやかだけどタイセツなこと]
サイドバーをだいぶ変えた。 ・コメントリストのツリー化 こんなことできるんだ、す [続きを読む]

受信: 2005.02.27 20:41

» Stickin In My Eye / NOFX [今 夜 き め よ う 。]
あちこちのサイトを参考に、色々いじってみました。 ついでに、タイトルの背景も変え [続きを読む]

受信: 2005.03.05 01:53

» サイトカスタマイズ完了 [Breeze from the beach]
 昨日は久しぶりにゆっくり時間が取れたので,前々からやりたかった,ここと姉妹サイ [続きを読む]

受信: 2005.03.20 13:15

» デザインを変更してみました [ゆきりんコンテネレッツァ]
 何も変わってないじゃん・・・と思ったあなた!RSSリーダーなどで読んで下さっている方は気付かないかもしれませんが凛としてはかなり大胆に手を入れてみました。さて、ど〜こだ♪
ヒント サイドバーに注目!
 そもそもはお友達ブログでも紹介しているotoshiさんがBlogPetの背景をデフォルト以外の素材に変更している記事を読んだのが発端。せっかくだから季節ごとに模様替えしてみたいなとotoshiさんがぱんきちのお部屋をもらってきたところ以外にも素... [続きを読む]

受信: 2005.10.09 02:58

コメント

初めましてこんにちは。
ココログ初心者のじぶりーるです。
全くわからないので、ころっぴー様の試行錯誤の記録を読ませていただきました。
ありがとうございます。

投稿 じぶりーる | 2005.01.16 14:16

★じぶりーるさん
ココログはある程度いじることが出来るので、
カスタマイズし始めると楽しいですよね[ハート]
お役に立てたなら幸いです[♪]

投稿 KOROPPY | 2005.01.16 17:18

ころっぴー様、書き込みありがとうございました。
平安文学に興味をお持ちのようですね[ひらめき]
実は大学時代、平安文学の専攻でした[ミニハート]
(かじってた程度ですがw)
別件ですが、こうさぎの同盟、ちょっと覗かせてくださいね[ハート]

投稿 じぶ | 2005.01.17 15:14

★じぶさん
中央が凹んでいたの、綺麗に直ってますね[♪]

私も大学の専攻は平安文学だったんです[ミニハート]
かじっただけ(笑)というのも、一緒です。
古典はもちろん、平安時代を舞台にした、
現代小説も好きなんですよね。
なにかオススメの本がありましたら、
ぜひ教えてくださいね[ハート]

同盟ではかなりの親ばか振りを発揮中です。
ひかないでくださいね~[汗]

投稿 KOROPPY | 2005.01.17 15:42

初めまして♪
ココログのカスタマイズを検索していたら、
こちらに辿り着きました。

スクロールバーを変えたくて、
頑張っているのですが。。。
cssの作り方と書き方が全く分からず
苦戦しています。
色々教えて頂けますでしょうか?

宜しくお願い致します。

投稿 HALU | 2005.02.03 22:20

★HALUさん
私で分かることであればお答えしますので、
お気軽にカキコしてくださいね。

独自スタイルシートの適用は、既に完了していますか[?]

手順は以下の通りです。
1.自分のココログのソースを開き、「CSS」で検索します。
以下の記述を見つけたら、自分のCSSにアクセスし、
ファイルを保存します。

<link rel="stylesheet" href="これがCSSのURL" type="text/css" />

2.名前を適当に変更し(mystyle.cssなど)、アップロードします。
3.マイリストを作成し、設定で「メモをテキスト表示」にします。
4.メモ欄に以下の記述を追加します。
<link rel="stylesheet" href="アップロードした独自CSSのURL" type="text/css" />

5.なるべくサイドバーの一番上に、マイリストの位置を変更します。
(CSSの適用を早くする為。)

スクロールバーの色変えについては、
こちらの記事をご覧くださいね。

投稿 KOROPPY | 2005.02.03 23:10

参考にさせて頂きまくりましたっ!
カスタマイズに悪戦苦闘中ですが、なんとか頑張ってみます。

投稿 右脳 冬威 | 2005.02.13 03:49

★右脳冬威さん
お役に立てたならば幸いです[ハート]
カスタマイズはやり始めるとハマりますよね[♪]

投稿 KOROPPY | 2005.02.13 09:53

はじめまして。
カスタマイズに挑戦中で、かなり参考に
させていただいています。
本文中にリンクを貼らせていただきました。
これからも参考にさせてくださいね[♪]

投稿 ushe | 2005.04.23 23:54

★usheさん
とても励みになるご紹介文をありがとうございました[ハート]
それから「ぱわわぷ体操」の歌詞が掲載されていて、嬉しかったです。
印刷して子供たちが踊るときに歌ってあげたいと思います[♪]

投稿 KOROPPY | 2005.04.24 15:45

はじめまして。
ブログのカスタマイズに参考にさせていただきました!ありがとうございます[ハート]
私のブログも本の感想などを書いてますので、よろしければ遊びにきてください。

投稿 りりこ | 2005.10.29 00:54

★りりこさん
参考になったとの書き込み、とても嬉しいです[ハート]

それからバックナンバーが折りたためない件ですが、
「category_archive2pulldown();」の()の中に、
「'/tosyokan/archives.html',''」が抜けているような気がします。

それからココログデザインを使っている場合、
「initStyle();」も必要だそうですよ。

投稿 KOROPPY | 2005.10.29 09:12

KOROPPYさん、こちらまで来ていただいてありがとうございます。一応書き直してみたのですが、やっぱり折りたたまれませんでした。今はバックナンバーのプルダウン式は外しています。facetさんが言うように改造しなきゃうまくいかないようです。でも、これで大丈夫です!いろいろありがとうございました!それと、記事にKOROPPYさんの記事を参考にしたこと書きたいのですが、記事にリンクしてもよろしいでしょうか?

投稿 りりこ | 2005.10.29 19:31

★りりこさん
「category_archive2pulldown();」じゃなくて、
「date_archive2pulldown();」でしたね。
失礼しました[涙]

リンクはいつでも大歓迎です[♪]
記事の方、楽しみにしております。

投稿 KOROPPY | 2005.10.29 19:44

新しい記事を書いたわけではないのですが[汗]、とても参考になったのでサイトを紹介させていただきました。

投稿 りりこ | 2005.10.30 19:50

★りりこさん
新しくなくても全然構わないです。
ご紹介していただけるだけで、とても嬉しいです。
ありがとうございました[ミニハート]

投稿 KOROPPY | 2005.10.31 10:11

はじめまして
こちらの記事を参考にさせていただきました。
ありがとうございましたm(__)m
またお邪魔するかと思います。よろしくお願いいたします。

投稿 成田智 | 2005.11.21 00:05

★成田智さん
記事でのご紹介、ありがとうございました。

投稿 KOROPPY | 2005.11.21 10:46

KOROPPYさん、こんにちは!

この記事を、これから色々と参考にさせて頂こうと思います。
今、私のブログでも色々と問題が発生してしまっているので、
色々と参考に調べさせて頂きます。m(._.)m

投稿 ろんちゃん | 2006.04.20 11:17

【ろんちゃんさん】
このまとめが参考になりましたら嬉しいです。
関連記事として、実際に設置したときの解説記事もリンクしてありますので、
併せて参考になさって下さいね。

投稿 KOROPPY | 2006.04.20 11:44

KOROPPY様

初めまして。

自分の能力ではでき得なかったあれこれをご教示いただき、とても勉強になりました。ありがとうございます。

KOROPPYさんのブログを、私の拙いブログでもご紹介させていただきました。ご笑覧いただければ嬉しゅうございます。

お礼とお報告まで。

投稿 丹生谷真美 | 2007.06.04 20:22

【丹生谷真美さんへ】
初めまして、こんにちは。

ブログも拝見させていただきました。
女性らしく美しいデザインで、素敵ですね。

カスタマイズの手がかりとなれれば幸いです。
記事でのご紹介も、ありがとうございました。

投稿 KOROPPY | 2007.06.05 13:44

コメントを書く