| Blogger Template Tags :: profile | root / dir root / photo lib. / photo lib.(Eng.) / blog |
Blog所有者に関する情報を規定のコードで生成する。
生成されるコードは以下の通り。複数の人が共同でBlogを運用している場合の出力については未確認。
<div id="profile-container">
<h2 class="sidebar-title">About Me</h2>
<dl class="profile-datablock">
<dt class="profile-img"> <a href="[プロファイルページへのリンク]"> <img alt="My Photo" src="[ユーザの画像]" height="74" width="80"> </a> </dt>
<dd class="profile-data"> <strong>Name:</strong>[ユーザー名] </dd>
<dd class="profile-data"> <strong>Location:</strong>[ロケーション] </dd>
</dl>
<p class="profile-textblock"> [自己紹介文] </p>
<p class="profile-link"> <a href="[プロファイルページへのリンク]">View my complete profile</a> </p>
</div>
このコードをカスタマイズすることはできないので,以下のようにテンプレートタグを組み合わせるとレイアウトの自由度が上がる。CSSのクラス定義も変更できるので,自由自在にコントロールできるだろう。
<div id="profile-container">
<h2 class="sidebar-title">About Me</h2>
<dl class="profile-datablock">
<dt class="profile-img"> <a href="<$BlogOwnerProfileUrl$>"> <img alt="My Photo" src="<$BlogOwnerPhotoUrl$>"> </a> </dt>
<dd class="profile-data"> <strong>Name:</strong><$BlogOwnerNickname$> </dd>
<dd class="profile-data"> <strong>Location:</strong><$BlogOwnerLocation$> </dd>
</dl>
<p class="profile-textblock"> <$BlogOwnerAboutMe$> </p>
<p class="profile-link"> <a href="<$BlogOwnerProfileUrl$>">View my complete profile</a> </p>
</div>
Blog所有者の自己紹介を表示する。
Blog所有者の電子メールアドレスを表示する。
Blog所有者のファーストネームを表示する。
Blog所有者のフルネームを表示する。
Blog所有者のラストネームを表示する。
Blog所有者のロケーション(居住地)を表示。
Blog所有者のニックネームを表示する。
Blog所有者の画像のURIを表示
Blog所有者のプロファイルページのURLを表示