ついに･･･

･･･Bloggerの内部処理向け接続もSSLに。


なんかココの投稿者アイコン表示しなくなったなぁ と思ってたら、
Bloggerのユーザープロファイルのアドレス、http:// から https:// になってた。

そもそも提供されているBloggerのブログテンプレートには、投稿したログに投稿者(Author)アイコンを添える機能はナイ。
ログに対するコメントには、Authorアイコンが Blogger非登録者でさえ憑くと云うのに、全く変な仕様だ･･･


しかし元々 ログにはAuthor名が表示され プロファイルへのリンクになっていた。
そこで、JSで展開されたHTML内の、対象オブジェクトに hrefとして記述されている このURLを検索して、対応するアイコンを設置させるコトに。

具体的に おきつねテンプレートでは、HTMLの Author名表示<a>タグ配下に、

<data:top.authorLabel/>
  <b:if cond='data:post.authorProfileUrl'>
    <span class='fn'>
      <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
        <div class='fn_img' expr:name='data:post.authorProfileUrl'>　</div>
        <data:post.author/>
      </a>
    </span>
  <b:else/>
    <span class='fn'><data:post.author/></span>
  </b:if>
</b:if>
アイコン設置用class "fn_img" を持つ<div>タグを加筆し、

CSS側で、記述されるユーザープロファイルのURLを セレクタ記述で検出、

div.fn_img[name|='{Google+ ないし BloggerのプロファイルページへのURL}']
	{
		background-image: url({アイコン画像のURL}) !important;
	}
投稿者に対応するアイコンを <div class="fn_img"> の background-imageとしてレイアウト、CSSで位置調整してある。
その対象検出用アドレスが変わったのだから、当然表示しなくなる ってワケだ･･･　早速CSSの記述を変更して対応した。



･･･因みに、ログ枠の関連するCSS定義は以下のようになっている。


/* ▼▼ Centers - Contents ▼▼ */
/* CommentframeSet */

.post-author
	{
		font-size: 1pt;
	}

.fn,
.post-timestamp
	{
		font-size: 8pt;
		position: absolute;
		top: -9px;
	}

.fn
	{
		left: 0px;
		top: -5px;
	}

.post-body
	{
		top: 40px;
		margin-bottom: 110px;
	}

.post-timestamp
	{
		left: 160px;
	}

.post-labels
	{
		position: absolute;
		left:0px;
		bottom: 0px;
	}

.post-comment-link
	{
		position: absolute;
		right:0px;
		bottom: 0px;
	}

.post-icons
	{
		position: absolute;
		top: 10px;
		left: 50px;
	}

.entry-title
	{
		padding-top: 5px !important; /* 20150216 1631 */
		line-height: 99% !important; /* 20150216 1631 */
		width: 650px;
		float: right;
		position: relative;
		left: 0px;
		top: 3px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0)
	{
	h3.post-title
		{
			font-family: Oswald,'ヒラギノ角ゴ Pro','ヒラギノ角ゴ6','メイリオ' !important;
			font-size: 16pt !important;
		}
	}

.post
	{
		margin-bottom: 4px !important;
	}

.entry-content
	{
		margin-top: -5px !important;
		margin-left: 5px !important;
		padding-top: 40px !important;
	}

.post-footer
	{
		border-bottom: 1px solid #2288ee;
		margin-top: 50px !important;
	}

.date-header,
.post-title entry-title
	{
		margin: 0px !important;

	}

.post-title
	{
		font-weight: 700 !important;
		font-family: 'oswald','メイリオ','MS UI Gothic','HG丸ｺﾞｼｯｸM-PRO' !important;
	}

.section
	{
		margin: 0px !important;
		padding: 0px !important;
	}


/* ***** UserIcon OverWrightSessions *********************** */

/* Log Authors */

span.fn a
	{
		padding: 0px 0px 50px 55px;
	}

div.fn_img
	{
		position: absolute;
		min-width: 45px;
		min-height: 45px;
		background-repeat: no-repeat !important;
		background-position: 50% 50%;
		margin: 0px;

		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}

div.fn_img, x:-moz-broken, x:last-of-type /* for FireFox */
	{
		margin: -17px 0px 0px 0px;
	}

/* Okitsunesama */
div.fn_img[name|='https://www.blogger.com/profile/10443031846467853202']
	{
		background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGDtMgETNhDcBM_q5kfBcMAyczfw2Pv51-0vutZVV6yJcLAr2KeguEtaOiCnUwC88IwhiLn3D_pS80-ORn1lHC-Wui1I_4fVXkWht56IJ8fV2AKHms7ZBNBgcMSoAkGMGOmjqjK-noqNk4/s1600/FoxTail_sb_t.png) !important;
	}

/* その他のAuthor毎に･･･ */
div.fn_img[name|='{Google+ ないし BloggerのプロファイルページへのURL}']
	{
		background-image: url({アイコン画像のURL}) !important;
	}