Bloggerで外部リンクなどをヘッダーに貼るとき、新しいタブで開けるようにします。

手順


  1. 念の為、テーマをバックアップしておく。
  2. レイアウト→ヘッダーナビ→メニューから、ページリストにリンクを追加する。
  3. テーマ→カスタマイズ→htmlを編集から、<head>の直後に以下のコードを貼り付ける。
  4. 「https://example.com」をページリストに追加したリンクに書き換える。
    複数の場合は,で区切り、リンクは'で挟む。
  5. 保存して完了。
<script>
  document.addEventListener('DOMContentLoaded', function () {
    // 対象のリンクURL
    const linksToOpenInNewTab = [
      'https://example.com', // 新しいリンク1
      'https://example.com'  // 新しいリンク2
    ];

    // 指定したリンクに target="_blank" を追加
    linksToOpenInNewTab.forEach(url => {
      const links = document.querySelectorAll(`a[href="${url}"]`);
      links.forEach(link => link.setAttribute('target', '_blank'));
    });
  });
</script>