Modelo da ilustração !
Código do menu !
<div class="topo"><div class="simplemenu">
<a href="http://nightsofwinteroficial.blogspot.com.br/">Home</a>
<a href="/">Ask</a>
<a href="/">Tutoriais</a>
<a href="http://nightsofwinteroficial.blogspot.com.br/p/faq.html">F.A.Q</a>
<a href="/">Antigos</a>
<a href="http://nightsofwinteroficial.blogspot.com.br/search/label/%23%20Material.">Materiais</a>
<a href="/">Tecnologia</a>
<a href="http://nightsofwinteroficial.blogspot.com.br/p/o-dono.html">Dono.</a>
<a onmouseover="this.style.background='#'" onmouseout="this.style.background='#'" onclick="document.getElementById('main').innerHTML=document.getElementById('leia').innerHTML" title=":)">Iframe</a>
</div></div>
Código do welcome !
<center><a href="http://nightsofwinteroficial.blogspot.com.br/" title="-Nights Of Winter"><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/21_zps076d218d.png" class="efeitowow" /></a>Texto..texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...</center>
Código dos afiliados !
<center><a href="http://republicacrash.blogspot.com.br/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2OBn1iJtwi1-fiEcTko7S-uI4DXsHU4ltZpgC5WuFyGl6jtEgsGyYdZAFnkEgyc3FwxSd_2tA-aU46JU_RmyyqZ2ZFVT9KOkk6VkceraPSzPHOBVpiiCANcLBivrkDjBByIkI9AU06jve/s1600/23145322.png" border="0" class="jump" title="-República Crash." /></a></center>
<center><a href="http://perfect-flowers.blogspot.com.br/" title="-Perfect Flowers."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://blog-censored.blogspot.com.br/" title="-Censored."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://chacomanjos.blogspot.com.br/" title="-Chá com Anjos."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://editionromeuejulieta.blogspot.com.br/" title="-Edition Romeu e Julieta."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://www.blogger.com/Link." title="Vaga."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://neopassarela.blogspot.com.br/" title="-Neo Passarela."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://nerd-descollada.blogspot.com.br/" title="-Nerd Descolada."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="Link" title="Vaga"><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://www.blogger.com/Link" title="Vaga."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://sense-wonder.blogspot.com.br/" title="-Sense Of Wonder."><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://www.blogger.com/Link%20do%20Blog" title="Nome do Blog"><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a>
<a href="http://www.blogger.com/Link%20do%20Blog" title="Nome do Blog"><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/img_zps731bd5ad-1_zpsab8ada4b.png" class="simple" /></a></center>
<center><a href="http://www.blogger.com/Link-do-blog." target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOo1G7Zfkwpsdg7gKh-PDV56uoE7BEhlz9Xod6Bf4meHB9uZm6F-MzWSxUWoBPqwR147awNr9832dN2LjZvM0ehHKrAMxQR65uEE6WBHNXhOfk_XND93B_FBmi76MKIHmxeSjgkqeBc018/s1600/23145322_zps695383e4.png" border="0" class="jump" title="Vaga." /></a></center>
Código das tags !
<center>
<div class="TAGSIMPLES">
<a href="http://nightsofwinteroficial.blogspot.com.br/search/label/%23%20Efeito." class="TAG SIMPLES"title=""><tagsimples># Efeito</tagsimples></a>
<a href="http://nightsofwinteroficial.blogspot.com.br/search/label/*%20Fica%20a%20dica%20.." class="TAG SIMPLES"title=""><tagsimples>#Fica a dica.</tagsimples></a>
<a href="http://nightsofwinteroficial.blogspot.com.br/search/label/%23%20Papo%20fora." class="TAG SIMPLES"title=""><tagsimples>#Papo fora.</tagsimples></a>
<a href="NOME DO LINK" class="TAG SIMPLES"title=""><tagsimples># Photoshop.</tagsimples></a>
</div>
</center>
<center>
<div class="TAGSIMPLES">
<a href="Link." class="TAG SIMPLES"title=""><tagsimples># Breve.</tagsimples></a>
<a href="NOME DO LINK" class="TAG SIMPLES"title=""><tagsimples># Breve.</tagsimples></a>
<a href="NOME DO LINK" class="TAG SIMPLES"title=""><tagsimples># Breve.</tagsimples></a>
<a href="NOME DO LINK" class="TAG SIMPLES"title=""><tagsimples>#Breve.</tagsimples></a>
</div>
</center>
Código dos postadores !
<center><a href="LINK" target="_blank"><img class="class" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqVaSTvfz1oIdosLYWLmL5V80NUUa9rrYN_-A0xgl6Rzv8W1w52xGVmjfJx_yuM1T_NS9-4JruQtxCVL5lYJGMH2v8txV8uleKuhnLl2faGxpOFwQoU5-uGYyLm4EV2_vQg8UmX-VxpffC/s1600/avatar.png" style="margin-right: 1px" title="Thaylon Cardoso." /></a><a href="LINK" target="_blank"><img class="class" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKrInLoBTU5sgb95VfFRC1FYrf6Mmt8-z1D262_6KDtr2086y-Cyqnp2S2xxdv9Vbd8Xeg5S0MwpwKWPSYcbX_MeSA756g9bbCBjv1Zountn8agqh-TGU9tj9hpDCtGTvKzjdfEPnI8oXA/s1600/SDF.png" style="margin-right: 1px" title="Jay" /></a></center>
Códigos outros !
<center>
<!-- Ínicio Menu Abas ~ By Drikoti.Net -->
<div class="tabber">
<div class="tabbertab" title="Obrigado.">
<br />
<div class="wishlist">Kawaii World.</div>
<div class="wishlist">Nights Of Winter.</div>
<div class="wishlist">Too Kawaii.</div>
<div class="wishlist">Sense Of Wonder</div>
<div class="wishlist">We Heart Html</div>
<div class="wishlist">Garota No Mundo Do html.</div></div>
<div class="tabbertab" title="Amo ">
<br />
<center><a href="http://nerd-descollada.blogspot.com.br/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUl_7diJPe7w2qnugXE-6JB2zxR6u1Mt86E3i_8BT-vwoi0FwNDDgl_rT1NT_3Qr3Cj15qXt0JrByRgWaYvxi2dhQyut6lXf9k9sE8wcf2oGaiO5EGsMy5oi5cDay6ea-QNSzKQ3DgXwyK/s1600/554586_247156268761517_51136368_n_zpsdb843325.png" border="0" class="jump" title="-Nerd Descolada."/></a>
<a href="http://garotanomundohtml.blogspot.com.br/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUl_7diJPe7w2qnugXE-6JB2zxR6u1Mt86E3i_8BT-vwoi0FwNDDgl_rT1NT_3Qr3Cj15qXt0JrByRgWaYvxi2dhQyut6lXf9k9sE8wcf2oGaiO5EGsMy5oi5cDay6ea-QNSzKQ3DgXwyK/s1600/554586_247156268761517_51136368_n_zpsdb843325.png" border="0" class="jump" title="-Garota no Mundo do Html."/></a></center>
</div>
<div class="tabbertab" title="Online">
<br />
<center><script type="text/javascript" src="http://jc.revolvermaps.com/2/1.js?i=2rjd9h4w4t4&s=220&m=3&v=false&r=true&b=00b5b9&n=false&c=f1f1f1" async="async"></script></center>
</div>
</div>
<!-- Fim Menu Abas ~ By Drikoti.Net -->
</center>
Código do Translate ..
<div style="border:1px solid #f1f1f1;padding:10px 4px 3px
4px;text-align:center;background-color:transparente;">
<!--–GOOGLE TRANSLATE MINI FLAGS–--><div align="center"><!--– Add Portuguese to
Chinese (Simplified) BETA –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Czh-CN&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Chinese (Simplified) BETA"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Chinese"
src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.
png"
title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified)
BETA–--><!--– Add Portuguese to French –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to French "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to French"
src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.
png"
title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--–
Add Portuguese to German –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to German"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to German"
src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/German
y.png"
title="Google-Translate-Portuguese to German"><!--– END Portuguese to German –--><!--–
Add Portuguese to Italian –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to Italian"><img
alt="Google-Translate-Portuguese to Italian"
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.pn
g"
title="Google-Translate-Portuguese to Italian"><!--– END Portuguese to Italian –--><!--–
Add Portuguese to Japanese BETA –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to Japanese BETA"><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to Japanese"
src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.
png"
title="Google-Translate-Portuguese to Japanese"><!--– END Portuguese to Japanese
BETA –--><!--– Add Portuguese to English –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;"
title="Google-Translate-Portuguese to English "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to English"
src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United
%20States%20of%20America%20%28USA%29.png"
title="Google-Translate-Portuguese to English"><!--– END Portuguese to English –--><!--–
Add Portuguese to Russian BETA –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to Russian BETA "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to Russian"
src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian
%20Federation.png"
title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA
–--><!--– Add Portuguese to Spanish –--><a
target="_blank" rel="nofollow"
onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location
.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;"
title="Google-Translate-Portuguese to Spanish "><img
style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;"
alt="Google-Translate-Portuguese to Spanish"
src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.p
ng"
title="Google-Translate-Portuguese to Spanish"><!--– END Portuguese to Spanish –-->
<center><a
href=http://www.dicasblogger.com.br/2009/04/translator-widget-tradutor-para-blogs.html
target="_blank"><small>...</small></a
href=http:></center></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></img
></a
></div></div>
Código do já vai !
<center><a href="http://kawaiitutosmf.blogspot.com.br/"target="blank" title="Bye Bye.^.^"><img src="http://i1294.photobucket.com/albums/b613/Thailon_Santos/ironman21_zps27161be4.png" class="vai" /></a>
<div style='text-align:center;'>Texto....texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...texto...</div></center>
<blockquote><script language="JavaScript">
var ref = (''+document.referrer+'');
document.write('<script src="http://s1.freehostedscripts.net/ocounter.php?site=ID2907140&e1=Observado(a) por aqui.&e2=Observadores(a) Por aqui .&r=' + ref + '"><\/script>');
</script> || <script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID1990338&name=Visitas ."></script>
</blockquote>
Agora vocês colocam bem em baixo esses !
<style>
.class{
opacity:.2;
width:100px;
height:100px;
outline-offset: -55px;
outline:1px solid #fff;
-webkit-transition-duration:.50s;
}
.class:hover {
text-align:center:
width:100px;
height:100px;
outline-offset: -3px; outline:1px solid #fff; opacity:1.0; -webkit-transition-duration:.50s;
}
</style>
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".box-flutuante-facebook").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.box-flutuante-facebook{background: url("http://i1294.photobucket.com/albums/b613/Thailon_Santos/LIKERED-MW_zpsbf880aba.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.box-flutuante-facebook div{border:none;position:relative;display:block;}
.box-flutuante-facebook span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.box-flutuante-facebook span a{color: #808080;text-decoration:none;}
.box-flutuante-facebook span a:hover{text-decoration:underline;}
</style>
<div class="box-flutuante-facebook" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FKawaii-Tutos-MF%2F288544724583625%3Fref%3Dhl&width=330&height=258&show_faces=true&colorscheme=light&stream=false&border_color=%2300b5b9&header=false" scrolling="no" frameborder=" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe>
</div>
</div>
<style>
@-webkit-keyframes jump {0% {-webkit-transform: translatey(0px);}50% {-webkit-transform: translatey(-10px);}100% {-webkit-transform: translatey(0px);}}.jump {-webkit-transition: .5s; border-radius: 2px; box-shadow: 1px 1px #caebe6;}.jump:hover {-webkit-animation: jump .5s alternate infinite linear;}
</style>
