†でおきしブログ†

ウナギ食べたいヽ(•̀ω•́ )ゝ✧

2016-01-28

【はてなブログ】スマホの見出しを装飾【無料】

メモ

☆h4,h5の見出しを装飾

f:id:deokisikun:20160128195848p:plain

f:id:deokisikun:20160128195856p:plain

☆無料ユーザーでもお手軽にできる

記事上 or 記事下へカスタマイズで、スクリプト(jQuery読み込み＆スタイル指定[css])注入して見出しを装飾したよʕʘ̅͜ʘ̅ʔ

★スタイル指定はこんな感じ

   //h4への装飾メ～ン
   $("h4").css("background-color","#FCFFC7");
   $("h4").css("padding","0 0 3px 9px");
   $("h4").css("border-left","6px solid #DAC913");
   $("h4").css("border-bottom","2px solid #DAC913");
   $("h4").css("font-weight","bold");

   //h5への装飾メ～ン
   $("h5").css("background-color","#fafafa");
   $("h5").css("padding","0 0 3px 9px");
   $("h5").css("border-left","6px solid #DAC913");
   $("h5").css("font-weight","bold");

   //フォントサイズはこっちのセレクタに～
   $(".entry-content h4").css("font-size","150%");
   $(".entry-content h5").css("font-size","110%");