はてなブログカスタマイズメモスマートフォン用の表示で見るはてなブログカスタマイズメモはてなブログのカスタマイズ、書き方などのメモ、チートシートです。デザインデザイン2017-11-26Amazonアソシエイトの画像リンクを自動的にセンタリングするデザインAmazonアソシエイトの画像をそのまま貼り付けると左寄せになってしまいます。それを自動的にセンタリングするCSSを作ってみました。画像リンクを...Amazonアソシエイトの画像リンクを自動的にセンタリングする2017-11-23Amazonアソシエイトのバナーを自動的にセンタリングするデザインAmazonアソシエイトのバナーを貼り付けるときに、そのままだと左に寄っているのを自動的にセンタリングするCSSです。デザインMarkdown記法を使用していて、divタグなどで囲うと無効化されてしまいます。これはMarkdownの仕様のようです。インライン要素の中では使用でき...Markdown記法はdivなどのブロック要素内では動作しない2017-11-17ブログでのチェックポイントや関連記事を枠で囲いわかりやすくするデザイン所謂、よく見るこういうものです。スクリプトMarkdownでプログラムやHTMLなどのコードやスクリプトを表記する方法です。「```」(バッククォートの3連続した行」で囲むと、そこがコードの表記とされます。<body></body>...はてなブログのMarkdownでコードやスクリプトを表記する2017-10-24シンプルなメニューバーをつけてみるデザイン各カテゴリへのシンプルなメニューバーをつけてみました。ブラウザのサイズがメニューより小さくなるとスクロールに切り替わります。ゆきひーさんの以下のスクリプトを使用させていただきました。ブログのトップページを一覧形式にできるようになったみたいです。待ち望まれていた機能ですね。ブログのトップページを一覧形式にする2017-05-02目次を折りたたんで表示するデザインはてなブログの目次を折りたたんで表示する方法です。...といっても、すでにだいぶ広まっているものなので自分メモみたいなリンク。はてなブログでは「[:contents]」と記述することで、目次を自動生成してくれる機能があります。項...目次を折りたたんで表示する2017-04-02はてなブログの画像、Amazon商品画像を自動的にセンタリングする方法デザインはてなブログで使用した画像を自動的にセンタリングする方法です。編集モード「見たままモード」から「はてな記法」や「Markdown」へ、またはその逆など、はてなブログの編集モードを後から変更するための方法です。することはできません。スクリプトはてなブログはAMPにしてもAdSenseが表示できないという話がずっとあったのですが、ふとしたところから実は表示できるのでは、という話があったので対応してみました。参考にした記事は以下の二つ。あと、G...はてなブログのAMPでAdSenseを表示させてみた2016-09-03Markdownのコード配色を変更するデザインはてなブログのMarkdown記法で使っているソースコードの配色を変えます。デフォルトでは背景黒のものなのですけど、個人的には白が好みなのです。変更前はJavaだとこんな感じ。こちらのサイトを参考にしてCSSを変更していきます。はてなブログPro今日も元気に生きています。はてなブログカスタマイズメモスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。