前回に引き続き、Blogger CSS関連の備忘録です。
目次
画面下部 前の投稿-ホーム-次の投稿 を削除する方法
「テンプレート」→「htmlの編集」 にて、CSSを編集。
<div class=’mobile-link-button’ id=’blog-pager-newer-link’>
<div class=’mobile-link-button’ id=’blog-pager-older-link’>
<div class=’mobile-link-button’ id=’blog-pager-home-link’>
が該当箇所なので、これをコメントアウトで非表示にすればOKです。
それぞれ2か所に記載があります（PC向け、モバイル向け）ので、両方非表示にしましょう。
※並び替え等々、細かい修正は、以下のサイトが参考になります。
Bloggerのナビゲータ「次の投稿-ホーム-前の投稿」 の並び順に違和感を感じたので左右を交換 – Dr.ウーパのコンピュータ備忘録
※ちなみに、投稿(Atom)表記も近くにCSSの記載があります。
こちらの表示を変えたい場合は、以下コードを検索してみてください。
<div class=”feed-links”>
Google+ボタンの表示/非表示変更
同じくCSSを編集。
<div class=”post-footer-line post-footer-line-2″>の部分が、Google＋ボタンについての記述となります。
他のソーシャルボタンとは独立しての記載となっているようなので
表示/非表示を変更したい場合は、個別にCSSを記述しましょう。フッターの削除ブログの一番下、Powered by … とある部分です。
これもCSSいじれば削除できるようですが、著作権等々にあたりそうなので
手を加えない方がよさそうです。
記事タイトルの表示方法変更
「Blog名: 記事タイトル」→「記事タイトル | Blog名」に表記を変更。
こちらのサイトを参考にさせていただきました。
Blogger カスタマイズ Tipsまとめ | Will feel Tips
3．Titleタグのブログ名と記事名の記述を変更する
記事タイトルクリックで、特定のページに移行
記事タイトルをクリックしたとき、トップページではなく
特定のページにリンクするよう修正する方法です。
これが一番苦戦しました。。
CSSの修正は2か所。
に、それぞれ修正すればOKです。
Googleアナリティクスをbloggerに設置
CSSとは関係ありませんが、備忘ついでに。
アナリティクスでトラッキング IDが発行されたら
blogger側で登録します。
Googleサービス同士の連携だけあって、コードの貼り付け等は不要。
Bloggerの「設定」→「その他」から、アナリティクスのウェブ プロパティ IDを登録すればOKです。
