DEMO > https://s-o-h-o.blogspot.com/
テーマ > ▼ > HTML を編集
<!-- Fonts --> に以下追加
<Variable name="Arial12" description="12px Arial" type="font" default="normal 400 12px Arial" hideEditor="true" value="normal 400 12px Arial"/> <Variable name="Arial14" description="14px Arial" type="font" default="normal 400 14px Arial" hideEditor="true" value="normal 400 14px Arial"/> <Variable name="Arial16" description="16px Arial" type="font" default="normal 400 16px Arial" hideEditor="true" value="normal 400 16px Arial"/> <Variable name="Arial18" description="18px Arial" type="font" default="normal 400 18px Arial" hideEditor="true" value="normal 400 18px Arial"/> <Variable name="Arial20" description="20px Arial" type="font" default="normal 400 20px Arial" hideEditor="true" value="normal 400 20px Arial"/> <Variable name="Arial24" description="24px Arial" type="font" default="normal 400 24px Arial" hideEditor="true" value="normal 400 24px Arial"/> <Variable name="Arial36" description="36px Arial" type="font" default="normal 400 36px Arial" hideEditor="true" value="normal 400 36px Arial"/> <Variable name="ArialBold12" description="12px Arial Bold" type="font" default="normal 700 12px Arial" hideEditor="true" value="normal 700 12px Arial"/> <Variable name="ArialBold14" description="14px Arial Bold" type="font" default="normal 700 14px Arial" hideEditor="true" value="normal 700 14px Arial"/>
<Group description="Body"> ~ <Group description="Attribution"> の終わりまで以下に置換
<Group description="Body"> <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#ffffff url(https://themes.googleusercontent.com/image?id=NwAWve25XbjW2fxmDrisiIHRE8dTOrAuuoRCO6AB6bmodnPAywrXt7E6qZEgv3sik1dTnN0On7Hc) no-repeat scroll top center /* Credit: Mae Burke (http://www.offset.com/photos/389967) */;"/> <Variable name="body.background.color" description="Background color" type="color" default="#fff" value="#ffffff"/> <Variable name="body.title.font.small" description="Title font (small)" type="font" default="$(Arial20)" value="normal 400 20px Arial"/> <Variable name="body.title.font.large" description="Title font (large)" type="font" default="$(Arial24)" value="normal 400 24px Arial"/> <Variable name="body.title.color" description="Title color" type="color" default="#000" value="#000000"/> <Variable name="body.action.font.small" description="Action font (small)" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="body.action.font.large" description="Action font (large)" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="body.action.color" description="Action color" type="color" default="#bf8b38" value="#bf8b38"/> <Variable name="body.text.font" description="Text font" type="font" default="$(Arial20)" value="normal 400 20px Arial"/> <Variable name="body.text.color" description="Text color" type="color" default="#000" value="#000000"/> <Variable name="body.link.color" description="Link color" type="color" default="#bf8b38" value="#bf8b38"/> <Variable name="body.widget.title.font.small" description="Gadget title font (small)" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="body.widget.title.font.large" description="Gadget title font (large)" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="body.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="body.filter.background.color" description="Filter background color" type="color" default="#302c24" value="#302c24"/> <Variable name="body.filter.text.font.small" description="Filter text font (small)" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="body.filter.text.font.large" description="Filter text font (large)" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="body.filter.text.color" description="Filter text color" type="color" default="rgba(255, 255, 255, 0.54)" value="rgba(255, 255, 255, 0.54)"/> <Variable name="body.filter.keyword.font.small" description="Filter keyword font (small)" type="font" default="$(ArialBold12)" value="normal 700 12px Arial"/> <Variable name="body.filter.keyword.font.large" description="Filter keyword font (large)" type="font" default="$(ArialBold14)" value="normal 700 14px Arial"/> <Variable name="body.filter.keyword.color" description="Filter keyword color" type="color" default="rgba(255, 255, 255, 0.87)" value="rgba(255, 255, 255, 0.87)"/> <Variable name="body.filter.link.font.small" description="Filter link font (small)" type="font" default="$(ArialBold12)" value="normal 700 12px Arial"/> <Variable name="body.filter.link.font.large" description="Filter link font (large)" type="font" default="$(ArialBold14)" value="normal 700 14px Arial"/> <Variable name="body.filter.link.color" description="Filter link color" type="color" default="#bf8b38" value="#bf8b38"/> </Group> <Group description="Header"> <Variable name="header.background.color" description="Background color" type="color" default="#fff" value="#ffffff"/> <Variable name="header.title.font.small" description="Title font (small)" type="font" default="$(Arial18)" value="normal 400 18px Arial"/> <Variable name="header.title.font.large" description="Title font (large)" type="font" default="$(Arial36)" value="normal 400 36px Arial"/> <Variable name="header.title.color" description="Title color" type="color" default="#000" value="#000000"/> <Variable name="header.text.font" description="Text font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="header.text.color" description="Text color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="header.pageList.font" description="Page list font" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="header.pageList.color" description="Page list color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="header.pageList.selected.font" description="Page list font (selected page)" type="font" default="$(ArialBold14)" value="normal 700 14px Arial"/> <Variable name="header.pageList.selected.color" description="Page list color (selected page)" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="header.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> </Group> <Group description="Posts"> <Variable name="post.text.background.color" description="Background color (text-only post)" type="color" default="#302c24" value="#302c24"/> <Variable name="post.title.font.small" description="Title font (small)" type="font" default="$(Arial20)" value="normal 400 20px Arial"/> <Variable name="post.title.font.large" description="Title font (large)" type="font" default="$(Arial24)" value="normal 400 24px Arial"/> <Variable name="post.title.color" description="Title color" type="color" default="#000" value="#000000"/> <Variable name="post.text.title.color" description="Title color (text-only post)" type="color" default="#fff" value="#ffffff"/> <Variable name="post.header.font" description="Header font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="post.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="post.text.header.color" description="Header color (text-only post)" type="color" default="rgba(255, 255, 255, 0.54)" value="rgba(255, 255, 255, 0.54)"/> <Variable name="post.footer.font" description="Post Footer Font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="post.footer.color" description="Footer color" type="color" default="#bf8b38" value="#bf8b38"/> <Variable name="post.text.font.small" description="Text font (small)" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="post.text.font.large" description="Text font (large)" type="font" default="$(Arial16)" value="normal 400 16px Arial"/> <Variable name="post.text.color" description="Text color" type="color" default="#000" value="#000000"/> <Variable name="post.text.footer.color" description="Footer color (text-only post)" type="color" default="#bf8b38" value="#bf8b38"/> <Variable name="post.blockquote.font.small" description="Blockquote font (small)" type="font" default="$(Arial16)" value="normal 400 16px Arial"/> <Variable name="post.blockquote.font.large" description="Blockquote font (large)" type="font" default="$(Arial24)" value="normal 400 24px Arial"/> <Variable name="post.blockquote.color" description="Blockquote color" type="color" default="#000" value="#000000"/> <Variable name="post.caption.font" description="Caption font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="post.caption.color" description="Caption color" type="color" default="#000" value="#000000"/> </Group> <Group description="Comments"> <Variable name="comment.header.font" description="Header font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="comment.header.color" description="Header color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="comment.author.font" description="Author font" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="comment.author.color" description="Author color" type="color" default="#000" value="#000000"/> <Variable name="comment.content.font" description="Content font" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="comment.content.color" description="Content color" type="color" default="#000" value="#000000"/> <Variable name="comment.action.font" description="Action font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="comment.action.color" description="Action color" type="color" default="#bf8b38" value="#bf8b38"/> </Group> <Group description="Sidebar"> <Variable name="sidebar.background.color" description="Background color" type="color" default="#fff" value="#ffffff"/> <Variable name="sidebar.separator.color" description="Separator color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="sidebar.profile.name.font" description="Profile name font" type="font" default="$(Arial24)" value="normal 400 24px Arial"/> <Variable name="sidebar.profile.name.color" description="Profile name color" type="color" default="#000" value="#000000"/> <Variable name="sidebar.profile.description.font" description="Profile description font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="sidebar.profile.description.color" description="Profile description color" type="color" default="rgba(0, 0, 0, 0.87)" value="rgba(0, 0, 0, 0.87)"/> <Variable name="sidebar.action.font" description="Action font" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="sidebar.action.color" description="Action color" type="color" default="#bf8b38" value="#bf8b38"/> <Variable name="sidebar.widget.title.font" description="Gadget title font" type="font" default="$(Arial16)" value="normal 400 16px Arial"/> <Variable name="sidebar.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="sidebar.widget.text.font" description="Gadget text font" type="font" default="$(Arial14)" value="normal 400 14px Arial"/> <Variable name="sidebar.widget.text.color" description="Gadget text color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="sidebar.icon.color" description="Icon color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> </Group> <Group description="Search"> <Variable name="search.input.font" description="Input font" type="font" default="$(Arial16)" value="normal 400 16px Arial"/> </Group> <Group description="Sharing"> <Variable name="sharing.background.color" description="Sharing background color" type="color" default="#fafafa" value="#fafafa"/> <Variable name="sharing.text.font" description="Sharing text font" type="font" default="$(Arial16)" value="normal 400 16px Arial"/> <Variable name="sharing.text.color" description="Sharing text color" type="color" default="#000" value="#000000"/> <Variable name="sharing.icon.color" description="Sharing icons color" type="color" default="#bf8b38" value="#bf8b38"/> </Group> <Group description="Attribution"> <Variable name="attribution.text.font" description="Attribution text font" type="font" default="$(Arial12)" value="normal 400 12px Arial"/> <Variable name="attribution.text.color" description="Attribution text color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="attribution.icon.color" description="Attribution icon color" type="color" default="rgba(0, 0, 0, 0.54)" hideEditor="true" value="rgba(0, 0, 0, 0.54)"/> </Group>
0 comments:
コメントを投稿
スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。
注: コメントを投稿できるのは、このブログのメンバーだけです。