自分でコードを書いちゃおう!というわけで、拙いながらもJavascriptとCSSを書いてみました。今回ご紹介する方法は、ちょっと手間は掛かるのですが次のようなメリットがあります。記事タイトルが画像と一緒に表示されるので、どんな記事か想像しやすい最新の記事を見つけやすい、”NEW”アイコンが付く広告表示一切なし!所要時間は、本記事の設定をそのままコピペ!で約20分。カスタマイズしたい!という方にも、CSSの解説をしてありますので比較的ラクに変更できるかと思います。お試しあれ!では、さっそくその方法を見ていきましょう。APIを使ってあれこれやっているのですが細かい説明はネット上にたくさんありますので省略。自分のサイトの表示したいところに貼り付けましょう。});}google.setOnLoadCallback(initialize);</script>コピペしたら、いくつか細かいところを自分のサイトに合わせて修正します。6行目の「はてなブログURL」を自分のはてなブログのURLに修正します。7行目で、読み込む過去記事の数を4個としていますが、必要に応じてこれを変えます。18行目の「newアイコン画像のURL」を自分の好きなNEWアイコンの画像のURLに変えます。NEWアイコンについては、ネットで探すか、もしくはぐうたらジャーナルと同じもので良ければ、以下の画像をご利用ください。※ぐうたらジャーナルで使用している画像はこちら:以下の手順でご利用ください。この画像をダウンロードするはてなフォトライフ等のwebサービスにアップロードする画像のURLを確認して18行目の「newアイコン画像のURL」を差し替える手順2:CSSをコピペする次に、デザインを整えていきましょう。自分のはてなブログのCSSにペーストして追加します。*/}ここまできたら、あともう少し!です。手順3:デザインを微調整する最後は、デザインの微調整をして完了です。プレビューを見ながらCSSをちょこちょこと修正していきましょう。ブログのデザインに合わせて修正する可能性が高い項目には【A】〜【M】の注釈を付けておきました。」については多くのサイトで変更が必要になるかと思います。各サイトのデザインに合わせて修正してください。ややこしそうなものについては下に図示しましたのでご参照ください。応用編:被はてブ数を表示するJavascriptを少し修正すれば、こんな感じでなてなブックマークされた数も表示することができます。'"></a></div></div>';と修正してみてください。デザインがごちゃごちゃしてくるのが難点ですがブックマーク数が表示されることで、人気記事が分かりやすくなります。...というわけで、今回はちょっとマニアックなはてなブログのカスタマイズ方法についてご紹介させて頂きました。本記事が、はてなブログのカスタマイズに情熱を燃やすみなさまのご参考になれば幸いです。»プロフィールid:hisoka_makiおいしいものとかわいいものが大好きな個人トレーダーのぐうたらな日常をマイペースに綴ります。ウィジェットはてなブログをはじめよう!hisoka_makiさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。