Código do menu especial para blog (com postagens e comentários recentes, box de redes sociais e abas suspensas)

Views:
<style type='text/css'>
#autonav {
position:relative;
top:0px;
right:0px;
left:0px;
z-index:9999;
margin:0px 0px;
padding:0px 0px;
font:normal 12px Arial,Sans-Serif;
border-bottom:2px solid #333;
-webkit-box-shadow:0px 1px 7px rgba(0,0,0,.4);
-moz-box-shadow:0px 1px 7px rgba(0,0,0,.4); box-shadow:0px 1px 7px rgba(0,0,0,.4);}
#autonav ul {
margin:0px 0px;padding:0px 0px;height:30px;
background-color:#000;}
#autonav ul li {list-style:none;display:inline;
float:left;margin:0px 0px;padding:0px 0px;position:relative;}
#autonav ul li a {display:block;line-height:30px;
height:30px;overflow:hidden;margin:0px 0px;
padding:0px 15px;border-left:1px solid #ccc;
border-right:1px solid #ccc;text-decoration:none;
text-shadow:0px -1px 0px rgba(0,0,0,.4);color:white;
font-weight:none;}
#autonav ul li a:hover {background-color:#979696;}
#autonav ul ul {position:absolute;width:260px;height:auto; top:100%;
left:0px;z-index:99;background-color:#fff;
-webkit-box-shadow:0px 1px 3px rgba(0,0,0,.7);
-moz-box-shadow:0px 1px 3px rgba(0,0,0,.7);
box-shadow:0px 1px 3px rgba(0,0,0,.7);
overflow:visible !important;display:none;}
#autonav ul ul:before {content:"";width:0px;height:0px;
border:7px solid transparent;border-bottom-color:#111;
position:absolute;top:-14px;left:24px;}
#autonav ul ul li {display:block;float:none;
margin:0 5px 5px 5px;}
#autonav ul ul li a { border:none;color:#424242;}
#autonav ul ul ul {top:0px;left:100%;}
#autonav li:hover > ul {display:block;}
#autonav ul.json-dropdown { overflow:hidden;}
#autonav ul.json-dropdown li {cursor:pointer;display:block;padding:7px 10px;
margin:0px 0px;overflow:hidden;}
#autonav ul.json-dropdown li a { line-height:14px; height:auto !important;padding:0px 0px;}
#autonav ul.json-dropdown li a:hover {text-decoration:underline; background:transparent;}
#autonav li ul li a:hover,#autonav li ul.json-dropdown li:hover {background-color:#EEECEC;}
#autonav ul.json-dropdown img.rp-thumb { padding:0px 0px;outline:none;border:2px solid #ccc;display:block;float:left;margin:0px 10px 0px 0px;width:30px;height:30px;}
#autonav .subposts span,#autonav .subcomments span {
font-family:Verdana,Arial,Sans-Serif;color:#666;
font-size:11px;}
#autonav .wide {width:350px;}
#search{
position:relative;
float:right;
top:-6px;
left:20px;
}
#search-box {
width:195px;
height:23px;
border:10px;
text-align:center;
background:#fff ;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var numposts = 5,
cmtext = "Comentários",
pBlank = "http://4.bp.blogspot.com/-atrnn2cvAI0/UjbuVLxR_wI/AAAAAAAAMqA/VzyOU2KIyhM/s1600/no-imagen-chica.gif",
numcomment = 5,
cmsumm = 100;
//]]>
</script>
<script src='https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/menucomempost.js' type='text/javascript'></script>
<nav id='autonav'>
<ul>
<li><a href='ENDEREÇO DE SEU BLOG/'><img src="http://4.bp.blogspot.com/-evdDjp9-gkM/UkMjIO3OqFI/AAAAAAAAMrM/o5-rVylub4c/s1600/53-house.png" alt="home" height="25" width="24" /> </a></li>
<li><a href='#'>NOME DA ABA</a>
<ul>
<li><a href='ENDEREÇO DO LINK'>NOME DA ABA</a></li>
<li><a href='ENDEREÇO DO LINK'>NOME DA ABA</a></li>
<li><a href='ENDEREÇO DO LINK'>NOME DA ABA</a></li>
</ul>
</li>
<li><a href='#'>Postagens recentes </a>
<ul class='json-dropdown subposts wide'>
<script src='ENDEREÇO DE SEU BLOG/feeds/posts/default/?alt=json-in-script&callback=entradas'></script>
</ul>
</li>
<li><a href='#'>Comentários </a>
<ul class='subcomentarios'>
<script src='ENDEREÇO DE SEU BLOG/feeds/comments/default?alt=json-in-script&callback=comentarios'></script>
</ul>
</li>
<li><a href='#'>Facebook</a>
<ul class='facebook'>
<div class='fanbox'>
<iframe src=
"http://www.facebook.com/plugins/likebox.php?href=ENDEREÇO DE SUA FANPAGE&width=260&colorscheme=light&show_faces=true&stream=false&
header=false&height=260"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:260px; height:260px;"></iframe>
</div>
</ul>
<li><a href='#'>Twitter</a>
<ul class='twitter'>
<div id="twitter-box"></div>
<script>
  var tw_user = 'SEU USERNAME DO TWITTER';
  var tw_width = 260;
  var tw_height = 260;
  var no_face = 9;
    (function() {
      var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true;
      tw_box.src = '//68.178.129.132/twitter/tw.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box);
  })();
</script>
</ul>
<li><a href='#'>Google+</a>
<ul class='google+'>
<div class="g-plus" data-action="followers" data-height="260" data-source="blogger:blog:followers" data-href="ENDEREÇO DE SEU PERFIL G+" data-width="260">
</div>
<script type="text/javascript"> window.___gcfg = {lang: 'es'};
(function() {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</ul>
</li>
<li><form action='/search' id='search' method='get' name='searchForm' style='display:inline;'>
<input id='search-box' name='q' onblur='if (this.value == "") this.value = "Buscar...";' onfocus='if (this.value == "Buscar...") this.value = "";' size='28' type='text' value='Buscar...'/></form>
</li>
</li></li></ul>
</nav>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage