読者です 読者をやめる 読者になる 読者になる

黒姫のお絵かき帳

黒姫朱理が描いたイラストと何か思いついた内容を綴ってゆく日記です。

はてなブログのサイドバーの表示をコンパクトに!

はてなブログでjQueryを使ってカテゴリーをコンパクトにまとめてみよう!な感じで制作しました。

f:id:yulime:20151027015259p:plain

こんな感じで「クリックにて追加表示」を押すと設定した数で要素が追加されます。
実際の動きは右のカテゴリー欄にてご確認くださいませ。

導入

上はCSSにコピペ・下はJSに全てコピペして使ってくださいませ。
コードにjQueryを使用しておりますのでリンクからダウンロードしサーバーなどにアップしてくださいませ。

必要jQuery:2.1.4以降〜
https://jquery.com/download/

はてなブログの list.js

jqueryの入れ方はこちらを参考くださいませ。
特定のはてなカテゴリーだけ表示するjQuery - code' ink.

Thanks ( 改変前のJS )

はてなブログ サイドバーのカテゴリ表示をタグクラウドにする! - TMD45INC!!!

取得や一部処理については「TMD45INC!! 様のJS」を改変しております!
三次改変はOKですが配布については「TMD45INC!! 様」の記事をご確認ください。

片言

外部ファイルって本当はよろしくないんだけどね…。(´・ω・`)

広告を非表示にする