はてなブログ レスポンシブ youtube  

はてなブログのレスポンシブテーマのときにyoutubeをレスポンシブにする cssに .movie-wrap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}.movie-wrap iframe { position: absolute; top: 0; left: 0; w…

見出しに下線

cssに /* -----見出し下線---- */.entry-content h3 { padding: 4px 10px; color: #111; border-bottom: 4px solid #2d70a4;} .entry-content h4 { padding: 4px 10px; color: #111; border-bottom: 4px solid #2d70a4;} ああああああああああホーム

記事タイトルの背景色

cssに /* -----記事タイトルの背景色---- */.entry-title { font-weight: bold; font-size: 20px; padding: 15px 10px; background-color: #ddd; border-radius: 15px;}

ブログタイトル左寄せ

cssに /* ----- ブログタイトル左寄せ ---- */#blog-title { text-align: left;}

記事下に関連記事

カスタマイズから記事下に <div id="relateArticle"></div> <script>var timer = setInterval(function() { if (typeof jQuery != 'undefined') { $("#relateArticle").html($(".hatena-module-related-entries").html()); clearInterval(timer); }}, 1000)</script> cssに .hatena-module-related-entrie…

記事のタイトルカスタム

cssに /* ----- 記事のタイトル ---- */.entry-content h3{ color: #ffffff ; background: black; font-size: 20px ; line-height: 1; margin: 30px -10px 30px -10px; padding: 20px 5px 20px 20px; font-weight: bold; line-height: 1.4;}.entry-conten…

サイドバーのカテゴリーに下線

cssに /* ----- サイドバーのカテゴリーに下線---- */.hatena-module-title{padding-left: 10px;border-bottom: 3px solid #202f55;}

グローバルメニュー

タイトル下に <div id="menubar"> <ul><li><a href="リンクURL">ホーム</a></li><li><a href="リンクURL">ルアー</a></li><li><a href="リンクURL">ロッド</a></li><li><a href="リンクURL">メール</a></li></ul></div> <p> </p> cssに /* ----- ブログタイトル下のスペース調整 ---- */#blog-title{height:60px;}