html - アンカータグで外部リンクを開く

Question

次のような HTML コードがあります。

<div class="menu">
  <ul>
    <li id="default"><a href="#homepage">Home</a></li>
    <li><a href="#research">Research</a></li>
    <li><a href="#portfolio">Publications</a></li>        
    <li><a href="#resume">Resume</a></li>
    <li><a href="#blog">Blog</a></li>
  </ul>
</div>

リンクをお願いします

<li><a href="#blog">Blog</a></li>

別の外部ページにリダイレクトします。そこで、次のようにコードを変更しました。

<li><a href="http://www.blogname.com/">Blog</a></li>

しかし、ページ全体がめちゃくちゃになり、私に夢中になりました。どういうわけかこれを機能させる方法はありますか？