2012年12月26日

Blogger のヘッダー・フッターに投稿日付を表示する

この前,Blogger のテンプレートを新しくしたのですが,下記の図のように投稿日時が表示されない!

なので,テンプレートを編集して出すようにした.

まず,「マイブログ」の画面から [テンプレート → HTMLの編集] から編集画面を出す.
そしたら,テンプレートの編集画面が出るので,「ウィジェットのテンプレートを展開」を押して全てのテンプレートを展開する.

そしたら,投稿日付を挿入したい部分に次のタグを埋め込む.

<data:post.dateHeader/>

私の場合は "postmeta-primary" の投稿時間の前に挿入したかったので,次のようになります.

上記のコードを挿入し,「テンプレートを保存」 をクリックしテンプレートを保存します.

そうすると,このように <data:post.dateHeader/> が置換され,投稿日付が挿入されます.

はい,以上です.
Bloggerはテンプレートを簡単に編集できるので良いですね.


ちなみに,どこを編集したいかは Chrome の神ツールである 「Google Chrome Developer Tools」 で調べると楽です. (別に Chrome 以外にもあるけど)

Windows なら "F12" ,もしくは "Ctrl + Shift + i" とかで開けると思います.

そんで,下記の図の虫眼鏡的なアイコンをクリックし,見たい要素をクリックするとその要素に関する情報が見れます.
こんな感じで各要素の情報が見れたり,CSSを直に編集したり出来ます.
とは言っても,僕はフロントエンド・エンジニアではないので,そこまで詳しい使い方は知りません.
詳しい使い方については,Google先生にもでも聞いて下さい.


では,とぅっとぅる~

0 コメント:

コメントを投稿