＋Blogger Memo＋

ページリンクの中に外部リンクも追加して見た目を整える

今回は、ページリンクをタブ風にしてブログ上部に表示している場合のお話。その中に、ページではなく外部リンクとかも追加して、自身のHPやTwilogとかにリンクするのを組み込んじゃえば、動線として分かりやすいなぁと思ったからやってみました。ただ、普通にリスト表示に追加するだけじゃ駄目だったのでメモ。
まずは、HTML編集の「ウィジェットのテンプレートを展開」のチェックボックスにチェックを入れます。(心配な人はバックアップ基本です。)

で、HTMLの中をずっと見てくと、前半のCSS表示の後ほどにある、下記の部分がページに関してっぽいです。

<div class='widget-content'> <ul>
 	<b:loop values='data:links' var='link'> 
	<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li> 
	<b:else/> 
	<li><a expr:href='data:link.href'><data:link.title/></a></li> 
            </b:if></b:loop>
<li><a href='URL' target='blank'>テキスト</a></li>
 </ul>

</b:loop>の後に、赤字の部分を追加すればページタブの後に表示されます。

注意点はアンカーのURLの部分は"ではなく、'で囲うのがここの決まりみたいです。