ラベル カスタマイズ・メモ の投稿を表示しています。 すべての投稿を表示
ラベル カスタマイズ・メモ の投稿を表示しています。 すべての投稿を表示

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'>&#9650;<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%の大きさの文字にしました。



PAGE
TOP