2015年6月15日月曜日
Bloggerブログの標題の下に「Google AdSense広告」を表示させる方法。
1.テンプレートの「HTMLの編集」を選択。
2.テンプレート編集を選択。
3. </header>の下に続けて、下記HTMLを追加。
<!-- ************追加テーブル***************** -->
<div>
<table align='center' bgcolor='#ffc0cb' border='0' cellpadding='10' cellspacing='0' width='100%'>
<tbody><tr>
<td align='center' height='90' style='width: 800px;' valign='middle'>
ここに「Google AdSense広告」タグを置く
</td></tr>
</tbody></table>
</div>
<!-- ************テーブル終了***************** -->
4.テンプレートを保存。
2015年4月13日月曜日
Bloggerブログの画面右下に「PAGE TOP」を表示させる簡単な方法。(カスタマイズ・メモ)
Bloggerブログの画面右下に「PAGE TOP」を表示させる簡単な方法。(2015年4月13日)
1.テンプレートの「HTMLの編集」を選択。
2.テンプレート編集を選択。
3.body部の最後に、下記HTMLを追加。
<!-- ******************** PAGE TOP ******************** -->
<p id='page-top'><a href='#header' title='PAGE TOP'>▲<br/>PAGE<br/>TOP</a></p>
4.テンプレートを保存。
5.テンプレートのカスタマイズを選択。
6.上級者向け「CSSを追加」を選択し、下記CSSを追加エリアに追加する。
/* ********** PAGE TOP ********** */
#page-top {
position: fixed;
bottom: 20px;
right: 15px;
font-size: 100%;
}
#page-top a {
background: #006400;
text-decoration: none;
color: #fff;
width: 55px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #F0F;
}
7.「ブログに適用」をクリック。
以上で、このブログの右下のように表示します。
1.テンプレートの「HTMLの編集」を選択。
2.テンプレート編集を選択。
3.body部の最後に、下記HTMLを追加。
<!-- ******************** PAGE TOP ******************** -->
<p id='page-top'><a href='#header' title='PAGE TOP'>▲<br/>PAGE<br/>TOP</a></p>
4.テンプレートを保存。
5.テンプレートのカスタマイズを選択。
6.上級者向け「CSSを追加」を選択し、下記CSSを追加エリアに追加する。
/* ********** PAGE TOP ********** */
#page-top {
position: fixed;
bottom: 20px;
right: 15px;
font-size: 100%;
}
#page-top a {
background: #006400;
text-decoration: none;
color: #fff;
width: 55px;
padding: 10px 0;
text-align: center;
display: block;
border-radius: 10px;
}
#page-top a:hover {
text-decoration: none;
background: #F0F;
}
7.「ブログに適用」をクリック。
以上で、このブログの右下のように表示します。
2014年4月10日木曜日
Blogger投稿記事の文字フォントを大きくしました。(カスタマイズ・メモ)
Blogger投稿記事の文字フォントを大きくしました。(2014年4月10日)
1.テンプレートのHTMLの編集を選択します。
2.Ctrl+F でコードの検索窓を出します。
3.「post-body」で検索します。
4.該当のCSSが出てくるので、次のように追加変更しました。
.post-body {
position: relative;
}
↓
.post-body {
position: relative;
font-size: 140%;
line-height: 160%;
}
5.通常文字の140%の大きさの文字にしました。
1.テンプレートのHTMLの編集を選択します。
2.Ctrl+F でコードの検索窓を出します。
3.「post-body」で検索します。
4.該当のCSSが出てくるので、次のように追加変更しました。
.post-body {
position: relative;
}
↓
.post-body {
position: relative;
font-size: 140%;
line-height: 160%;
}
5.通常文字の140%の大きさの文字にしました。
登録:
投稿
(
Atom
)