Link Listを新しいウィンドウで開く このエントリーを含むはてなブックマーク

Blogger Betaの"Link List" Elementはリンク集や、友達のブログ集など非常に便利ですが、しかし、この"Link List" Elementはすべてのリンクが同じウィンドウで開かれます、外部のリンクを新しいウィンドウで開かれたい場合もあるですね、実はLink Listを新しいウィンドウで開させるのも簡単です。

まずはあなたのテンプレートをバックアップしてください。(テンプレートを編集する前にバックアップする習慣を養成しましょう。)

次は、Template -> Edit Html -> Expand Widgit Templateの順でHTMLを展開します。下のコードを探します。コードの赤い部分 target='_blank'を追加して、保存すれば完了です。


<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<div id='link'>
<b:loop values='data:links' var='link'>
<li>
<a expr:href='data:link.target' target='_blank'><data:link.name/></a>
</li>
</b:loop>
</div>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

9 コメント:

匿名 さんのコメント...

Ms. Motoを使っているのですがLink Listという部分が見当たりません。
全体的に投稿した画像やリンクを別ウィンドウで開くにはどうしたらいいんですか?

zikite さんのコメント...

リンクリストは テンプレートー>ページ要素を追加ー>リンクリストから追加できます.

記事の中のリンクだけを別ウインドウで開きたい場合,以下のJavaScriptコードを<head>セクションに追加します:
<script type='text/javascript'>
<!--
var links = document.getElementById("post-body").getElementsByTagName("a");
for(var i=0;i<links.length;i++)
{var link = links[i];
link.target="_blank";}
//-->
</script>

ちなみに,ブログ全体のリンクを別ウィンドウで開く場合はテンプレートのHTMLの<head>の後ろに以下のコードを追加すればいいです.

<base target='_blank'/>

匿名 さんのコメント...

完璧、感激です!!!
base target='_blank'/
ありがとうございます!!!
まさか返事がいただけてるとは思ってなかったので助かりました。

匿名 さんのコメント...

あ~。すみません。
でもスクリプトの方がうまく動きません(TT)
何故でしょう?!

zikite さんのコメント...

便宜のため,コードの中に,”i<links”の<は全角で書きましたから,半角の<を書き直してください.

また,私はIEでしかテストしてないので,先ほどFirefoxでテストしましたが,残念ながら,Firefoxで動作しなかったです,説明不足ですみませんでした.

匿名 さんのコメント...

 入れる場所は間違ってないんですが、

Element type "a" must be followed by either attribute specifications, ">" or "/>".

 …という表示が出てしまいます。

 しかし、どこに「>」あるいは「/」を入れればいいのか、わかりません。

 教えてください。

zikite さんのコメント...

どの方法で修正しましたか?
良ければ,修正したどころのコードを貼り付けしていただければ助かります.

匿名 さんのコメント...

ずっと悩んでたんですけど検索したらここがヒットして、説明もわかりやすく初心者の私でも出来ました!!
ありがとうございます!

匿名 さんのコメント...

ありがとうございます!
とても助かりました

コメントを投稿

最新の記事

最新コメント