Menu Tracks + Chat

1. Procure por </head> e abaixo da tag cole:

<style type='text/css'>

ul#nav { width: 1500px; margin: 0 auto; text-align: center !important; overflow: hidden;}

ul#nav li {float: left; list-style: none; align: center;}

ul#nav li a{display: block; width: 110px; height: 90px; padding: 20px 0 0 0; margin-right: 30px; margin-left: 5px; font: bold 17px &#39;Audiowide&#39;; text-transform: uppercase; color: #fff !important; text-shadow: 0 1px 3px #636161; text-decoration: none; background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}

ul#nav li a:hover { background: url(LINK DA SUA FAIXINHA) 0 0 no-repeat;color: #eee9d9; text-shadow: 0 2px 3px #4c2222; -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;}

ul#nav li a.js:hover {background: url(LINK DA SUA FAIXINHA) 0 -149px no-repeat; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}

</style>

Entendendo o código:

Link da sua Faixinha - É exatamente o que diz. Troque pela url da faixa que vai descer. O tamanho será de 110 x 90.

width: 110px; height: 90px - Caso você queira outro tamanho de faixinha, é aí que você vai mudar.

color: #fff  - Cor da fonte.

#4c2222 - Cor da sombra.

2. Procure por  </header> e depois da tag, cole:

<div style='top: 0px; height: 30px; width: 100%; z-index: 4; background: #b7e2f8; position: fixed; left: 0px; text-align: center; '>

<div style='position: absolute; top: -15px; width: 900px; text-align: center !important; float: center !important; '>

 <ul id='nav'>

        <li><a href='link1.blogspot.com'>Link1</a></li>

<li><a href='link2.blogspot.com'>Link2</a></li>

<li><a href='link3.blogspot.com'>Link3</a></li>

<li><a href='link4.blogspot.com'>Link4</a></li>

<li><a href='link5.blogspot.com'>Link5</a></li>

<li><a href='link6.blogspot.com'>Link6</a></li>

<li><a href='link7.blogspot.com'>Link7</a></li>

<li><a href='creditos.blogspot.com'>Créditos</a></li>

</ul>

</div> </div>

Entendendo o código:

background: #b7e2f8 - Cor do fundo do menu.

<li><a href='link1.blogspot.com'>Link1</a></li> - Depois de a href=' insere-se o link. e antes de </a> o nome que vai aparecer. Válido em todas as partes.

Retirado do Kawaii World

Código do chat

<script id="sid0020000062294403211">(function() {function async_load(){s.id="cid0020000062294403211";s.src=(window.location.href.indexOf('file:///') > -1 ? 'http:' : '') + '//st.chatango.com/js/gz/emb.js';s.style.cssText="width:220px;height:350px;";s.async=true;s.text='{"handle":"chatbsmp","arch":"js","styles":{"a":"ffcc99","b":100,"c":"000000","d":"000000","k":"ffcc99","l":"ffcc99","m":"ffcc99","q":"ffcc99","r":100}}';var ss = document.getElementsByTagName('script');for (var i=0, l=ss.length; i < l; i++){if (ss[i].id=='sid0020000062294403211'){ss[i].id +='_';ss[i].parentNode.insertBefore(s, ss[i]);break;}}}var s=document.createElement('script');if (s.async==undefined){if (window.addEventListener) {addEventListener('load',async_load,false);}else if (window.attachEvent) {attachEvent('onload',async_load);}}else {async_load();}})();</script>