【Blog】はてなブログテーマ「DUDE」のカスタマイズ履歴

blog-dude-customize

はてなブログのデザイン設定に関する備忘録です。

スポンサーリンク

はてなブログテーマ

DUDE

テーマからさらに削いで、ミニマムにしています。

またサイドバーの設定も参考にしています。

tsukuruiroiro.hatenablog.com

スポンサーリンク

HTML / CSS

あわせて読みたいG 

著作者:池田仮名 (id:bulldra)

記事のカテゴリーに合わせて、関連記事のリンクを載せてくれるブログパーツです。

記事下にコードを貼るだけで良いので、非常に簡単で便利です。

bulldra.hatenablog.com

パンくずリスト

著作者:池田仮名 (id:bulldra)

親カテゴリの下に子カテゴリを追加する方法。

記事が増えて、ただ「Unity」と1つのカテゴリーだけでは足りなくなってきたので導入しました。

記事下

<style>
div #breadcrumb div {
display: inline;
font-size: 13px;
}
</style>
<div id="breadcrumb"></div>

フッタ

<!--パンくずリスト-->
<script src="https://www.google.com/jsapi"></script>
<script src="http://bulldra.github.io/commons.js" charset="utf-8"></script>
<script src="http://bulldra.github.io/breadcrumb.js" charset="utf-8"></script>
<script type="text/javascript">
google.set0nloadCallbach(categryHierarchyModule);</script> 

bulldra.hatenablog.com

蛍光ペンでマーカー風の強調文字

好みで使用しています。

strong {
background: linear-gradient(transparent 40%, #ffff66 40%);
}

ikouya.com

Blog
スポンサーリンク
すいみんをフォローする



CGメソッド

コメント