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

CGメソッド

CG制作に関してのヒント

MENU

【Blog】はてなブログのカスタマイズ(デザイン設定)について

Blog

follow us in feedly

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

はてなブログテーマ

DUDE

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

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

tsukuruiroiro.hatenablog.com

HTML / CSS

あわせて読みたいG 

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

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

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

記事下

<!--ブログパーツ-->
<!-- 解説はこちら http://bulldra.hatenablog.com/entry/read-together-g -->
<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/gatcha.js" charset="utf-8"></script>
<script type="text/javascript">
writeGatcha(3,'entryGatcha','category','あわせて読みたい' ,true);
google.setOnLoadCallback(function(){ writeGatchaCategory('entryGatcha') } );
</script>
writeGatcha(表示数,パーツID, モード,ヘッダー,購読ボタン有無);
google.setOnLoadCallback(function(){ writeGatchaCategory(パーツID) } );

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