カテゴリー
コミュニケーションズ

Bloggerをウェブサイト風に変更する方法

最近このブログをウェブサイトとブログという風に2つに分けたんですがその時にウェブサイトの方でHTML編集をしてBloggerをウェブサイト風に変更しました。

備忘録を兼ねて変更方法を記載しておきます。

■フッターを削除する

下にあるこいつを消せます。
「Awesome Inc. テンプレート. Powered by Blogger.」

設定のテンプレートのHTML編集から以下を検索して見つけます。

<b:section class=’foot’ id=’footer-3′ showaddelement=’no’>
<b:widget id=’Attribution1′ locked=’true’ title=” type=’Attribution’>

そして
「locked=’true’」を「locked=’false’」に、「showaddelement=’no’」を「showaddelement=’yes’」に修正し保存すると、ガジェット編集に「削除」ボタンが出現するので、それで削除します。

■投稿の下に表示される「Feed登録」を削除する

こいつです。
「登録: 投稿 (Atom)」

HTML編集で「feed links」を検索します。

<!– feed links –>
<b:include name=’feedLinks’/>

これをコメントアウトします。

変更後
    <!– feed links –>
    <!– <b:include name=’feedLinks’/> –>

■「前の投稿」「ホーム」に移動するナビゲーションを削除する。

HTML編集で「navigation」を検索します。

    <!– navigation –>
    <b:include name=’nextprev’/>

これをコメントアウトします。

    <!– navigation –>
    <!– <b:include name=’nextprev’/> –>

以下のサイトを参考にさせて頂きました。
BloggerでブログじゃないWebサイトを作る方法【サンプルあり】

もう一つHTML編集をしたところがあるのでついでに記載しておきます。
Googleで検索された時にBloggerのデフォルトでは「ブログタイトル|投稿タイトル」の順に表示されるのですがこれを「投稿タイトル | ブログタイトル」の順に表示されるように変更しています。

前にもしたことがあるのですが前の時はページ(静的ページ)と呼ばれるところは変更ができませんでした。
今回はこの「ページ」と呼ばれるところも「投稿タイトル | ブログタイトル」の順に表示できます。

次のコードを見つけます。
<title><data:blog.pageTitle/></title>

これを以下に変更します。

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
  <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
  <b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
    <title><data:blog.pageName/> | <data:blog.title/></title>
  <b:else/>
    <title><data:blog.pageTitle/></title>
  </b:if>
</b:if>

以上です。
何日か後にGoogleで検索すると順番が変更されているはずです。

以下のサイトを参考にさせて頂きました。
Blogger ブログのページタイトルを「投稿タイトル | ブログタイトル」の順にする方法

作成者: えいち/H

マジシャンのえいち/Hです。
東京でプロマジシャン|出張、派遣をやってます。
記事の感想、コメント、質問などはTwitterにお願いします。
フォローも良かったらお願いします。
Instagram / YouTube / Facebook