カテゴリー

月別過去記事

みるくぜりー内 検索
Loading

新しい記事にnewマークをつける

みるくぜりー | 新しくついたコメントにNewマークをつけるの応用版で
latest_entry_list版とselected_entry_list版が欲しいとのご要望があったので
簡単にまとめました。

独自タグとJavascriptでアーカイブリストをツリー化(修正版)

以前にかいたアーカイブリストのツリー化の修正版です。

機能としては
・年をクリックすると各月へのリンクリストが表示される。
・各月のリンクリストが表示されているときに年をクリックするとリストが隠れる。
NEW一番新しい年だけ月リストを表示した状態にする。

実際のスクリプトは記事の続きに書いていますので欲しい方はご自由にお持ち帰りください。


JUGEMにはてなスターいれてみた。

設置可能ブログにJUGEMが入ってなかったのがなんか悔しくて、
頑張って設置してみました。
英語の説明文みろてのは一般人には難しいような…?
はやく日本語のヘルプが整うことを期待したいとこ。

で、設置方法なんですがheader内に以下のような記述をする。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
//コメント投稿に必要なTokenの設定(※1)
Hatena.Star.Token = '人によって違うコード';
//タイトル&URLの取得に必要な設定(※2)
Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
</script>


◆コメント投稿に必要なtokenの設定(※1)
はてなスターにて右上のblogをクリックすると外部ブログの設定ができます。
自分のブログアドレスを入力するとかきのようなコードが発行されます。
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '人によって違うコード';
</script>

この中のHatena.Star.Tokenと書かれている1行を丸々コピーして※1のところにはりつけてください。

◆タイトル&URLの取得に必要な設定(※2の部分)
>Hatena.Star.EntryLoader.headerTagAndClassName = ['div','entry_title'];
この部分はブログのテンプレによって設定が違います。
例:タイトルの表示タグが
><div class="entry_title"><a href="{entry_permalink}">{entry_title}</a></div>
だった場合
1つ目にはタイトルを囲っているタグ名を指定
2つ目にはクラス名を指定。ない場合はnullにする。('は不要)
タイトルはおそらくaタグで個別ページへ飛ばすリンクが必要になるとおもうので
タイトルにリンクがない人は{entry_title}の部分を
<a href="{entry_permalink}">{entry_title}</a>
に書き換えて置いてください。

設置は無事出来たものの一度つけた星は削除できないんですね。
自分でテストということでぽちっとしてみたのが残ったままなのが
なんか自画自賛してるみたいで恥ずかしい(´・ω・`)

---
おまけ
Hatena.Star.Tokenのしたに下記の1行追加して画像のアドレスを指定すると
★を好きな画像にかえれます。
ちょうどいいサイズだったのでJUGEMの絵文字作成機能のPICTOから
カワイイアイコン選んで設定してみました。
私が設定してるのはこんな感じです。
Hatena.Star.Star.ImgSrc = 'http://picto0.jugem.jp/s/u/n/sunlit/cc518c54144dc18c39e558499b772061.gif';

透過されてる画像を探して設定してみることにします。


コメントリストをちょっと便利に。

第2弾は新着コメントリストの改造です。
標準の{recent_comment_list}だとコメントリストの名前をクリックすると
コメントの一番上に飛びますよね?
出来ればその人のコメントの先頭に飛べれば便利だよね?ということで
今回はJavascript一切なしの独自タグのみで便利に改造してみます。
見た目は通常の新着コメントリストそのままになるようにしています。

これの応用編になるツリー化はまた次回。

独自タグとJavascriptでアーカイブリストをツリー化

久々にJUGEMの改造スクリプトでも作ってみようかなということで
復帰第1弾はアーカイブリストのツリー化です。
ずっとブログを書いているとアーカイブリストが長くなるのが気になって
仕方なかったので独自タグとJavascriptを駆使して
短く表示するようにしてみました。
年ごとにリストをまとめて表示するようにしています。
今までのツリー化と違うのはページ読み込み後に実行するわけではないので
一瞬チカチカすることがないかと思います。

機能としては
・年をクリックすると各月へのリンクリストが表示される。
・各月のリンクリストが表示されているときに年をクリックするとリストが隠れる。

がんばってもう少し改造すれば、今現在の年だけ月リストを表示した状態にする
なんてことも可能です。
NEW「今現在の年だけ月リストを表示した状態」修正版スクリプトも公開してます!

実際のスクリプトは記事の続きに書いていますので欲しい方はご自由にお持ち帰りください。


Firefox × JUGEM見えるブログ検索

なんとなく思い立って作ってみました。
毎回JUGEMのTOPいくの大変やーという人は使ってみてください。

↓をクリックするとFirefox右上のサーチボックスリストにJUGEMが追加されます。

サーチボックスに追加!


特定のページのみメッセージを表示する

今回もJUGEMカスタマイズネタです嬉しい
助け合い掲示板にてあったトップページでのみメッセージを表示したいという
要望を受けて作ったHTMLとCSSのTIPSです。
Javascriptはなしです。

prev_page_linkとnext_page_linkの表示される文字を変える。

JUGEMのテンプレーター(?)さんに依頼されて作ったスクリプトです。
次のページ・前のページへのリンクを作成する独自タグ{prev_page_link}と{next_page_link}は
「<<」の表示のみでちょっと不便。

でも、{prev_page_url}や{next_page_url}を普通に使うだけだと次のページがないのに
空のaタグができるのがヤダ!ということで作ったモノです。

おそらくよそにもいくつかありそうな気がしますがせっかく作ったものなので
メモ代わりにココに残しておきたいと思います。

----------------------------
2005/10/31 IEででエラーが発生していたので修正。

新しくついたコメントにNewマークをつける[応用編]

みるくぜりー | 新しくついたコメントにNewマークをつけるの応用編です。
個別記事でもできるのならやっぱりサイドバーの最新コメントや最新トラバにも
つけたくなるもの。

ただし、{recent_comment_list}や{recent_trackback_list}を少し修正する必要があります。
そこで利用するのが以前大量に追加された新しい独自タグです!
これらを利用してnewマークをつけれるようにします。

新しくついたコメントにNewマークをつける

こんなの必要なのか?
といわれたらそれまでなのですが、なんとなく作ってみました。
多分すでにある気もしますが…、まぁいいかなと。

ほんとはもっとスマートなカッコイイソースに書き換えたいところなのですが
そこまで気力が持たなかったのでそのまま公開しちゃいます(笑)

個別記事のページ(?eid=XXX)にて3日以内に付いたコメントに対して
newマークを表示するスクリプトです。
まだまだ続きます>>


| 1/2PAGES | >>