Blogger(blogspot)のページにAuthorとupdate情報を表示する方法

Bloggerのページ(static-pages)にAuthorとupdate情報を表示する

Blogger(blogspot)のオフィシャルテンプレートはページ(static-pages)に投稿者(author)と時刻(update)情報は非表示となっています。投稿者と時刻の情報をBloggerに追加するにはhtmlを直接編集する必要があります。

Bloggerのページ(static-pages)に投稿者と時刻を表示する方法

Bloggerテンプレートのhtml編集画面を開きます。編集する箇所はモバイル表示とフルブラウザ表示の2箇所になります。

header-line-1を検索します

blogger編集画面を検索してheader-line-1というタグを探します。一回目がモバイル表示で二回目の場所はフルブラウザ表示です。

直下にこのように記述します

<b:if cond='data:blog.pageType == "static_page"'>
<span class='post-author vcard'>
                        <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                        <span itemprop='name'>あなた様のお名前</span>
                        </span>
</span>
    </div>
<div style='float:left;'>
<span class='post-timestamp updated'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
  </span>
  </div>    
 </b:if>
編集後、レイアウト画面で投稿の編集で投稿者と時刻のチェックボックスをオンにして完了です。

アーカイブ(ここをタップすると開きます)

もっと見る

このブログの人気の投稿

硬い木、強い樹木のリスト(日本・世界)

Ubuntu初回起動時にWi-Fiが繋がらないというより選択肢が出てこない問題への対処法

【解決】AcerのAspireノートPCでBiosにF2で入る方法が完璧にわかった!

【挑戦】USBメモリー又はSDカードにUbuntuをインストールする方法

【解決】ランダムなハードウェアアドレスをオンにすると家庭用のwifiに繋がらなくなる(Windows10の話)

Package Name(パッケージ名)の決め方 - Android Studio プログラミング

デロンギのオイルヒーターを使ってみた!風呂場のヒートショックの予防策

時間をかけて作ったページがSearch Consoleのインデックスカバレッジで除外されている件について

Android Studio 3.3でメモ帳を作ってみた!初めてのプログラミング

BEAU SOLEIL(ボーソレイユ)スイスの名門寄宿学校