バナー
本文へジャンプ
バナー

アクセスアップのためのSEO Vol.3 トップへ戻るリンクの追加

ブログのページの下にブログタイトルを含んだ形のトップへ戻るリンクが自動で表示されるよう改造します


1.ブログ全体のHTMLカスタマイズ


1.「デザイン」タブの「HTML」をクリックします

 

2.適用されているHTMLページを編集します

 

3.赤色に囲まれた部分("footer"で検索すると簡単に見つかります)に行を挿入し、以下の文字列を入力します

 

 以下の文字列を追加します↓
 ”<div class="cst_footer"><a href ="<% blog.page_url %>"><% blog.title %>のトップへ戻る</a></div>”

4..『保存』ボタンを押します

2.個別記事のHTMLカスタマイズ

1.「デザイン」タブの「コンテンツ」をクリックします
 
 

2.『記事』を選択します

 

3.右上に『コンテンツHTML編集』リンクがあるのでクリックします

 

4.赤色に囲まれた部分("posted"で検索すると簡単に見つかります)に行を挿入し、以下の文字列を入力します

 

 以下の文字列を追加します↓
 ”<div class="cst_footer"><a href ="<% blog.page_url %>"><% blog.title %>のトップへ戻る</a></div>””

4..『保存』ボタンを押します


3.CSS(スタイルシート)のカスタマイズ
1.「デザイン」タブの「スタイルシート」をクリックします
 
 

2.適用しているデザインを選択します

 

3.スタイルシートの一番下までスクロールして最後の空きスペースに下記の赤い四角で囲まれた部分を追加します

 
 ブログの一番最後の余白に、上記赤で囲まれた文字列を挿入します

4.『ズタールシートを変更する』ボタンを押します

5.ブログ全体の再構築をします


『ブログアクセスアップへの道』ホームへ