カテゴリー「ココログカスタマイズ」の記事

ココログが絵文字に対応

久しぶりにココログを書いていたら、記事投稿画面に見慣れないアイコンが。
ついにココログに絵文字機能が標準搭載されたようです!diamond

お知らせココログ: 2/5 ココログベーシック/プラス/プロ バージョンアップについて

2/5のバージョンアップによる携帯との連携機能強化で、ココログフリーの方以外は絵文字を使えるようになったらしい。
記事本文だけでなく、コメントにも絵文字が簡単に挿入できるようになってます。

ココログフリーの方も2/19にバージョンアップが予定されているようなので、このタイミングで対応するといいですね。shine

ちなみに、過去のコメントなどに絵文字を反映させるためには、「サイトに反映」ボタンでブログを再構築する必要があるようです。

ブログ:ココログ:ココログサポート:使い方ガイド:1:ブログのタイトル/サブタイトル

独自の絵文字を使いたい場合には、下記のカスタマイズを行ってみるといいかもしれません。flair

KOROPPYの本棚 : ココログ本文で絵文字を使う方法(改訂版)

| | コメント (0) | トラックバック (0)

コメント欄に注釈を入れるJavaScriptが修正

以前、facet-divers さんの記事を参考に導入したココログのコメント欄に注釈を入れるJavaScriptですが、どうやら一部不具合があったようで修正のためスクリプトの書き換えが必要なようです。

[f-] [ココログ] 「コメント欄の設定を明示する」JavaScriptを更新しました

今回の更新理由は、コメントを受け付けないようにしている記事のページでエラーが発生することが判明したためです。

マイリストに読み込ませているので、どこのマイリストに記述したのか忘れてしまい、探すのに少し一苦労しちゃいました。。。

分かりやすいように、右サイドバーの一番上のマイリストにしておいた方が、後々楽かも。

| | コメント (0) | トラックバック (0)

HeartRails Glance

以前、「Snap Preview Anywhere™」というハイパーリンクをマウスオーバーすると、リンク先サイトのサムネイルが表示できるブログアクセサリー(JavaScript)を紹介致しましたが、海外ではなく日本でも同様のサービスが展開されているみたいです。

HeartRails Glance | リンク先 「チラ見」 サービス

「HeartRails Glance」 は、お客様のサイトに 「チラ見」 機能を付加するサービスです。「チラ見」 機能が付加されたサイトでは、サイト上のリンクにマウスを重ねることで、リンク先に関連する様々な情報 (タイトル、サムネイル、関連キーワード、ブックマーク数等) を、リンク先に飛ばずして 「チラ見」 できるようになります。

こちらのサービスでは、Amazon のアソシエイトプログラムも組み込めるみたいです。
試しに、「Snap Preview Anywhere™」から切り替えてみましたが、うまく動作しませんでした。

ココログでは、ダメなのかなぁ。。。

| | コメント (0) | トラックバック (0)

カレンダーを使いやすくするJavaScript

ココログをカスタマイズしてくれるJavaScriptを次々と提供してくれる暴想さんより、またまた便利なJavaScriptが登場しました。
今回はデフォルトで用意されているココログのサイドバーコンテンツであるカレンダーを使いやすくしてくれるJavaScriptです。

暴想: ココログのサイドバーカレンダーを最高に便利にするブログパーツ(cocolog_ajax_calendar.js)をリリース

上記サイトにて紹介されているスクリプトをどこかのマイリストに貼り付けておくと、カレンダーに先月および次月へ移動するリンクが追加されるのと、記事を投稿した日のリンクをマウスオーバーすると記事タイトルが表示されます。

これは本当に便利ですね。。。

| | コメント (0) | トラックバック (0)

久しぶりにブログ設定を見直し

今年も終わりを迎えるということで、久しぶりに当ブログの各種設定やデザインなどを見直していたところ、「アクセスカウンター」と「アフェリエイト」が追加されていることに今更気づきました。

アクセスカウンターの表示方法がヘルプを見ても分かりづらかったのですが、管理画面のブログ一覧から「アクセス解析を見る」をクリックし、レポートメニューのプルダウンの一番下にある「カウンター設定」をクリック。
あとは、解析中のブログ一覧から「設定」をクリックして各種設定を行い、ブログ一覧に戻って「デザインの編集」にて「表示項目の変更」などを行えばOK。

アフェリエイトについては、ココログのサービスプランがフリーだと記事内に、ベーシック以上だとサイドバーなどにリストとして@nifty Books、または Amazon アソシエイトへのリンクを張ることができるみたいですね。
早速、当サイトもサイドバーに「@nifty Books」を作ってみました。

あとは、追加可能な更新pingの通知先が「weblogs.com」「 ping.bloggers.jp」だけだったのが、「Google ブログ検索」「gooブログ Search」「BlogPeople」が追加されていたので、こちらにも更新pingを通知できるようにしておきました。

gooって、いろいろなブログを見る限りでは結構pingを弾きやすいみたいだけど、「gooブログ Search」だと大丈夫なのかなぁ。。。

| | コメント (0) | トラックバック (0)

Snap Preview Anywhere™

Snap.com という検索結果にてリンク先サイトのサムネイルが表示できるという一風変わった検索エンジンで提供されているサービスで、全てのハイパーリンクについてリンクをマウスオーバーすると、リンク先サイトのサムネイルをポップアップで表示することができるようになります。

Snap Preview Anywhere™

上記リンク先にて、自分のサイトの URL などを入力して生成される JavaScript をマイリストのどこかに挿入すればOK。
可能な限り、最後の方に読み込ませた方が良いと思いますので、一番右下にくるコンテンツに挿入すればいいんじゃないかなぁと。

ブログのアクセントにいいかも。。。

| | コメント (0) | トラックバック (0)

ブログ内検索 JavaScript がバージョンアップ

以前より、当サイトにも導入させて頂いております暴想さん作成のココログのブログ内検索スクリプトである cocolog_ajax_search.js がバージョンアップしたという記事を受け、早速当サイトにも適用してみた。

暴想: 再びcocolog_ajax_search.jsをバージョンアップした。

今までは、検索を実行した瞬間にバックナンバーをロードしていたけど、今回は検索キーワードを入力し始めた瞬間(テキストエリアにフォーカスした瞬間)にバックナンバーをロードし始めるようにした。

へぇ~、そんな事もできるんですねぇ。
バージョンアップする度に、最初の検索結果が表示されるまでの時間が短くなってきていて、一般の検索エンジンで検索かけた際と遜色なくなってきましたね。
一応、Firefox と IE で試してみましたけど、今のところ問題なさそうです。

| | コメント (0) | トラックバック (0)

ページにルビを振ってくれるリンクを作成

りょーちの駄文と書評 さんのところで「中文日文」という翻訳サービスを提供しているサイトの漢字にルビを振ってくれるサービスを利用して、クリックすると新しいウィンドウにて漢字に振り仮名が振った状態でページが表示されるというリンクを作成されたようなので、当ブログにも早速導入してみました。

当ブログ(ココログ)の文字コードは「UTF-8」なので、以下のソースをマイリストで表示したい部分に貼り付ければOKでした。
動作は右サイドバーの検索ボックスのすぐ下にある「ルビを振る」をクリックすれば確認できます。

<a href="javascript:window.open('http://translate.adaffiliate.net/hiragana.cgi? encode=utf-8&url='+document.location);eval();">ルビを振る</a>

レイアウトが崩れなければ、最高なんですけどね。。。

| | コメント (0) | トラックバック (0)

自分のブログに投稿した画像を一覧表示する JavaScript

暴想さんのところで紹介されている自分のブログに投稿した画像を一覧表示する JavaScript である cocologAjaxPhotoLoader.js がバージョンアップして、画像をマウスオーバーすると拡大画像が表示されるようになったみたい。

暴想: cocologAjaxPhotoLoader.jsをバージョンアップ

このスクリプトを利用するに当たっては、以下のような条件があるそうですが、ココログベーシックで利用していて、テーマテンプレートを適用しているサイトでも動作するみたいです。

・ココログ限定
・月別アーカイブを使っていること
・ココログプロでHTMLをカスタマイズしていないこと
・テーマテンプレートを使用していないこと

動作は、右サイドバーの検索ボックスの下にある「このブログに投稿されたイメージ一覧」というテキストリンクをクリックすると確認できます。
ただ、当サイトではあまり画像をアップすることがないので、あまり参考にはならないかもしれませんが・・・。

| | コメント (0) | トラックバック (0)

ブログ内検索 JavaScript がバージョンアップ

暴想さんが作成された Ajax なブログ内検索スクリプトである cocolog_ajax_search.js がバージョンアップしたとの記事を受けて、早速スクリプトを差し替えてみました。

暴想: cocolog_ajax_search.jsをバージョンアップ

今回は体感的な検索速度が向上しているということなので、早速試してみました。
今までは検索をかけると読み込み処理が行われてから、検索結果が表示されるので最初の検索については結果が表示されるまでに多少時間がかかることもありましたが、今回のバージョンでは検索結果がすぐに表示されるので、確かに最初の待ち時間が減ったように感じられます。

このスクリプトはココログを使っている方には、目から鱗ものでしょう。。。

| | コメント (0) | トラックバック (0)

全文検索スクリプト“本文(続き)”部分も検索可能に

今更ながら初めて知ったのですが、以前導入した 自分のココログを全文検索するJavaScript は「続きを読む」の部分と</div>以降は検索対象にならないらしい。
この不都合に対策を施したスクリプトファイルが公開されていたので、早速差し替えておきました。

【ココログ】全文検索スクリプト(cocolog_ajax_search.js)に“本文(続き)”部分まで検索するパッチ

当サイトは「続きを読む」を使っていないので、特に不都合には感じてないのですが、とりあえず何でも新しいものに限るということで・・・。

今のところ、スクリプトファイル差し替え後も問題なく動作しているみたいです。

| | コメント (0) | トラックバック (0)

カテゴリ別バックナンバーをプルダウンメニューにするJavaScript IE対応版

栗田隆喬のどうにもいいこと!さんのところで、カテゴリ別のバックナンバーをプルダウンメニューにする JavaScript のIE対応版が公開されました。

栗田隆喬のどうにもいいこと!: カテゴリー表示IE6対応

カテゴリ別と月別をプルダウンメニュー化し、更にタイトルのみの表示と全文表示を切り替える JavaScript を併せると、以下のような感じになりました。

<script type="text/javascript" src="http://giorno.cocolog-nifty.com/benjamin/category_archive2r1pulldown.js"></script>
<script type="text/javascript" src="http://giorno.cocolog-nifty.com/benjamin/cocolog_archive_extention.js"></script>
<script type="text/javascript" src="http://giorno.cocolog-nifty.com/benjamin/date_archive2pulldown.js"></script>
<script type="text/javascript" src="http://giorno.cocolog-nifty.com/benjamin/cocolog2ajax.js"></script>
<script type="text/javascript">
    window.onload = function init() {
        date_archive2pulldown( '/benjamin/archives.html', '#type=title', true, true, true);
        initStyle();
        cocolog_archive_extention();
        category_archive2r1pulldown( '/benjamin/archives.html', '#type=title', true, true, true);
    }
</script>

当サイトでは、上記ソースを「ブログ」→「管理」と進んで、基本設定のブログのサブタイトル(キャッチフレーズ)の部分に貼り付けてます。

| | コメント (2) | トラックバック (0)

カテゴリ別バックナンバーをプルダウンメニューにするJavaScript 修正版

暴想さんのところで公開されておりました JavaScript を使用して、「カテゴリ」及び「月別バックナンバー」をプルダウンメニュー化しましたが、先日行われたココログのメンテナンス以降、カテゴリのプルダウンメニューが動作しなくなっておりました。

その後、栗田隆喬のどうにもいいこと!さんのところで修正版が公開されたので、早速 category_archive2pulldown.js を差し替えてみましたが、Firefox では問題なく動作するものの IE ではうまく動作しないようです。

IE でも動作するような修正版を公開して頂けるといいんですけどね・・・。

| | コメント (2) | トラックバック (1)

コメント欄に注釈を入れる

今まで全然気にしていなかったのですが、ココログの場合、コメント及びトラックバックについて、いくつか仕様があるそうです。

コメントを投稿して頂く際に、メールアドレスおよびURL欄への記入は任意ですので、入力して頂かなくても結構なのですが、両方もしくはURLだけ記入するとURLだけが公開され、メールアドレスだけ記入してしまうと、そのメールアドレスが公開されてしまうそうです。

また、重複トラックバックを制御することはできないらしい。

これは結構重要ですね。

そこで、下記記事を参考に、マイりストで右一番上のブロックにJavaScriptを挿入しておきました。

コメント欄の設定を明示する

他にも、標準でコメント本文にタグを使用することはできませんが、コメント本文でタグの入力はできませんが、改行は自動的に反映され、「http://・・・」から始まる文章は自動でリンクがつくようになっているみたいです。

| | コメント (0) | トラックバック (0)

カテゴリ及び月別バックナンバーをプルダウンメニュー化

暴想さんのところで公開されているJavaScriptを使用して、「カテゴリ」及び「月別バックナンバー」をプルダウンメニュー化してみました。

カテゴリ別バックナンバーをプルダウンメニューにするJavaScript

月別バックナンバーをプルダウンメニューにするJavaScript

月別バックナンバーは、過去10月を越えてしまうと埋もれてしまうといったところもあり、これは非常に重宝できそう。

また、当サイトはそんなに多くありませんが、カテゴリの項目が多い方にも役立ちそうですね。

これもまた、スクリプトをコピペするだけでOKという導入の容易さが、ヒシヒシと感じられます。

とりあえず、当サイトでは「マイリスト」で作成した「アクセスカウンター」にスクリプトを仕込んでみました。

| | コメント (0) | トラックバック (0)

サイト内全文検索窓を設置

今まで検索窓といえば、導入の安易なGoogle検索を使用しておりましたが、暴想さんのところで自分のココログサイト内を全文検索ができるJavaScriptが公開されていたので、早速当サイトにも設置してみました。

自分のココログを全文検索するJavaScript

設置もとっても簡単。スクリプトをコピペし、2箇所だけ自分のサイトのURLにアレンジするだけでOK。

最初だけ動作が重いらしいのですが、2回目以降はサクサク動作するそうです。

Ajaxを利用したスクリプトなので、他のブログにも応用できるみたい。

ココログプロとかTypepadとかMTとかブログ人とかその他のブログサービスとかでもAjaxでバックナンバーを検索するJavaScript

コッチも時間があったら、試してみることにします。

| | コメント (0) | トラックバック (0)

サイドバー.jpでアクセス解析

先日、忍者ツールズの「よろづカウンター」をアクセスカウンターとして設置し、アクセス解析も同様にして、忍者ツールズの「アクセス解析」を使用しようかなぁと思っていたのですが、そこまでアクセス解析にこだわる必要はないかなぁと思って、アクセス解析の導入は見送ってました。

しかし、それはあんまりなので、サイドバー.jpを設置して、「ページごとにリンク元(そのページにリンクしているページ)リスト」と「アクセス数の多いページリスト」を表示してみることにしました。

今まで全然知らなかったのですが、他にもいろいろと機能があるみたいで、結構面白そう。

  • あなたのブログにらくがきを投稿できます(えぶろぐ機能)*1
  • らくがき掲示板を簡単に作れます(ゲストによるらくがき投稿)*1
  • モブログ/ムビログができます*1
  • ウェブサイトオーナーに匿名でらくがき付きメッセージを送れます
  • ページごとにリンク元(そのページにリンクしているページ)リストを表示できます
  • アクセス数の多いページリストを表示できます
  • 閲覧者への告知などができます
  • これからさらに、いろいろ拡張機能を作る予定です

とりあえず、FAQを参考にしてCSSのクラスを確認し、自動でスクロールされるように設定だけしておくことに。

<style type="text/css">
<!--
.sb-list { overflow: auto; height: 100px; }
-->
</style>

定期的に自動更新されるようなので、すぐに表示されるようになるというわけではないみたい。

と言っても、今のところ1日のアクセス数が1桁台なので、当分は何も表示されないかも・・・。

| | コメント (0) | トラックバック (0)

MyblogListを入れてみた

ブックマークがわりに、いつも参考にさせてもらっているココログ関連のサイトをMyblogListに登録してみた。

といっても、まだ始めたばかりなので、いろいろ情報を収集している真っ最中。

とりあえず、ググって見て最初の方に検索にヒットするサイトから、ココログで運営されているサイトを主にピックアップ。

いろいろ探索していたら、メロメロパークのキャラクターデザインをされているサイトを発見。

ヨシヤスのメロメロ通信

もちろん、アメーバブログで運営されている。

どうやら、他にも「王様のブランチ・ヒメヒメキャラ」「チェキラ!」などを手掛けているデザイナーさんみたいですね。

| | コメント (0) | トラックバック (0)

BlogPeopleをスクロールさせる

サイドバーをスクロールさせる」の応用で、CSSの小技です。

要は、クラス名さえ分かれば簡単です。

例えば、トラックバックピープルのリストをスクロールさせたければ、

<style type="text/css">
<!--
.blogpeople-tbp { overflow: auto; height: 100px; }
-->
</style>

という風に、BlogPeopleのリンクリストをスクロールさせたければ、

<style type="text/css">
<!--
.blogpeople-main { overflow: auto; height: 300px; }
-->
</style>

といった風になります。

他にも、こんなのや

<style type="text/css">
<!--
.myclip-main { overflow: auto; height: 300px; }
-->
</style>

こんなのも

<style type="text/css">
<!--
.mybloglist-main { overflow: auto; height: 300px; }
-->
</style>

ありますよ~。

高さは、「height: ●●px;」の部分で調整しましょう。

| | コメント (0) | トラックバック (0)

カウンターを設置してみる

お手軽な方法ということで、「忍者TOOLS」のよろづカウンターを利用してみることに。

ユーザー登録後、管理部屋にログインし、ツール作成にて「よろづカウンター」を。

カウンターのデザインも複数用意されていたため、その中からサイトにあったデザインを選択し、設置用のタグをいつものようにマイリストにて追加するだけでOK。

サイドバーの上部に設置しようと思ったのですが、忍者TOOLSに

万が一忍者サーバーがダウンしてしまった場合におけるページ表示速度低下は、ページの下のほうに書いたほうが影響が少なく済みます。
一長一短ですがどちらかというと</BODY>の直前など、下のほうに書き加えられることをお奨めします。

とあり、カウンターの方にはあまり影響がないかもしれませんが、とりあえずページ最下部にこっそり設置しておくことに。

| | コメント (0) | トラックバック (0)

サイドバーをスクロールさせる

スタイルシートを使った小技です。

<style type="text/css">
<!--
.module-body{
overflow: auto;
height:
150px;
-->
</style>

サイドに設置したコンテンツの1つの項目の高さが「150px」を超えると、自動的にスクロールバーが表示されます。

スタイルシートに直接書き込んでもいいですし、個別のマイリストのメモ欄に追加するもいいと思います。

ただし、これだと全てのコンテンツに反映されてしまうので、あまりよろしくないかもしれませんが・・・・。

サイドバーにとにかくたくさんのコンテンツを盛り込みたい方向けといったところでしょうか。

今のところ、当サイトでは必要ないんですけどね。

| | コメント (0) | トラックバック (0)

サイト内検索を設置してみる

ココログには、「ココログル」という専用の検索エンジンがあるようですが・・・・

とりあえず、いろいろなサイトを参考にして、以下のようなソースにまとまりました。

<!-- SiteSearch Google -->
<form action="http://www.google.co.jp/search" target="_blank">
<table><tr valign=top><td>
<input type="text" name="q" size="15" maxlength="255" value="" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="ie" value="utf-8" />
<input type="hidden" name="domains" value="giorno.cocolog-nifty.com">
<input type="submit" name="btnG" value="検索" /><br />

<input type="radio" name="sitesearch" value="" /> ウェブ全体から検索<br />
<input type="radio" name="sitesearch" value="cocolog-nifty.com" /> ココログ全体から検索<br />
<input type="radio" name="sitesearch" value="giorno.cocolog-nifty.com" checked="checked" /> ブログ内を検索</td></tr></table>
</form>
<!-- SiteSearch Google -->

とりあえず、ココログドメインのみを検索するような、「ココログ全体から検索」をオプションに入れてます。

あとは、本サイトを検索エンジンに登録しておかないと。

今のままでは、サイト内検索がヒットしません・・・・。

| | コメント (2) | トラックバック (0)

BlogPeopleを追加する

BlogPeople より、

といった機能・ツールをひとまとめにして、マイリストにてサイドバーに追加してみました。

ココログにも似たようなサービスがありそうな気が・・・・。

| | コメント (0) | トラックバック (0)

メロメロパークを追加する

とりあえず、手始めにサイドバーにコンテンツを追加する方法を確認しておくことにする。

今回は、最近はやりのブログペットである「メロメロパーク」をサイドバーに表示することに挑戦。

メロメロパークにて「その他のブログ」を選択し、ユーザー登録を済ませると、貼り付けるためのメロコード(JavaScript)を取得できるので、あとは、「ココログヘルプ: サイドバーにJavaスクリプトのアイテムを貼るには」を参考にして、簡単に追加できちゃいました。

早速、「メロメロ分布図」でお友達探しでもしちゃおうかなぁ。

| | コメント (0) | トラックバック (0)