移動だけではリセットされません。
※
フリーのBloggerテンプレート「QooQ」のカスタマイズについてまとめています。
参考程度に。
尚、カスタマイズはバックアップを取った上、自己責任で行うようにしてください。
CSSの変更
h3タグだけではなく、全体にリンクをかけるので簡易的に。コメントはお好きに。文字の色はリンク色がいい！って人は「font.color」を変更するか、
pとh3で別途分けるなど自由。
元のcss
- .post-summary h3 a{
- color : $(font.color) !important;
- }
修正後のcss
- /* *****************************************************************************
- 注目の投稿 ガジェット
- ***************************************************************************** */
- .post-summary a {
- color : $(font.color) !important;
- }
htmlの変更
全体にまるっとかかるようにaタグの位置を変更、h3タグの上についてるaタグは削除。元のhtml
- <b:includable id='content'>
- <div class='post-summary'>
- <b:if cond='data:showPostTitle and data:postTitle != ""'>
- <h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
- </b:if>
- <b:if cond='data:showSnippet and data:postSummary != ""'>
- <p>
- <data:postSummary/>
- </p>
- </b:if>
- <b:if cond='data:showFirstImage and data:postFirstImage != ""'>
- <img class='image' expr:src='data:postFirstImage'/>
- </b:if>
- </div>
- <style type='text/css'>
- .image {
- width: 100%;
- }
- </style>
- </b:includable>
修正後のhtml
- <b:includable id='content'>
- <div class='post-summary'>
- <a expr:href='data:postUrl'>
- <b:if cond='data:showPostTitle and data:postTitle != ""'>
- <h3><data:postTitle/></h3>
- </b:if>
- <b:if cond='data:showSnippet and data:postSummary != ""'>
- <p><data:postSummary/></p>
- </b:if>
- <b:if cond='data:showFirstImage and data:postFirstImage != ""'>
- <img class='image' expr:src='data:postFirstImage'/>
- </b:if>
- </a>
- </div>
- <style type='text/css'>.image {width: 100%;}</style>
- </b:includable>
