BIENVENIDO A EL RINCÓN OSCURO DE KIRADOBER

MEGA MENÚ EN MI BLOG DE BLOGGER .

Antes de empezar este tutorial, se recomienda realizar una copia de seguridad de su blog de Blogger, o primero practicar en un blog de ejemplos. Si no sabe cómo realizar una copia de seguridad de su blog, puede seguir las instrucciones del siguiente enlace:

Realizar una copia de seguridad de mi blog de Blogger

El rincón oscuro de Kiradober. no se responsabiliza, si usted no realizo correctamente la inserción del código, para más detalles específicos, puede visitar el siguiente enlace:

Políticas de uso

Video Tutorial:    

 Un clic en “Plantilla”

 Un clic en “Editar HTML”

Ahora se le abrirá el Editor HTML de su plantilla

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

4 Busca este código

]]></b:skin>


 Ingresa el siguiente código CSS justo abajo del código que encontró

<!-- CSS Mega Menú  -->
<link href='https://cdn.rawgit.com/grupodelecluse/mega-menu-blogger/2c199ea2/mega-menu-s.css' rel='stylesheet'/>

6 Busca este código

</body>

 Ingresa los siguientes scripts justo arriba del código que encontraste.

<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='https://cdn.rawgit.com/grupodelecluse/mega-menu-blogger/09f9fb21/mega-menu-s.js' type='text/javascript'/>

Busca este código

</head>

Ingresa el siguiente código justo arriba del código que encontraste.

<!-- JS Mega menú -->
<script type='text/javascript'>
      //<![CDATA[
function related_results_labels_thumbs(e){for(var t=0;t<e.feed.entry.length;t++){var r=e.feed.entry[t];relatedTitles[relatedTitlesNum]=r.title.$t;try{thumburl[relatedTitlesNum]=r.media$thumbnail.url}catch(n){s=r.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),thumburl[relatedTitlesNum]=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"undefined"!=typeof defaultnoimage?defaultnoimage:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielU1w53A1LAfAABkT-rpmZHMUuzflIffRXXmjYgc2fup0ie5DF7VSUirqttaGEUHTJfRtn5f8b79G_FMx5ZYDHyxY8C9N0lK1g-AjbVYNiDVzLXuH6xEvFotu_DP-Hi-eXnQazY1vS4tA/s1600/no_image.jpg"}120<relatedTitles[relatedTitlesNum].length&&(relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,120)+"...");for(var i=0;i<r.link.length;i++)"alternate"==r.link[i].rel&&(relatedUrls[relatedTitlesNum]=r.link[i].href,relatedTitlesNum++)}}function removeRelatedDuplicates_thumbs(){for(var e=[],t=[],r=[],s=0;s<relatedUrls.length;s++)contains_thumbs(e,relatedUrls[s])||(e.length+=1,e[e.length-1]=relatedUrls[s],t.length+=1,r.length+=1,t[t.length-1]=relatedTitles[s],r[r.length-1]=thumburl[s]);relatedTitles=t,relatedUrls=e,thumburl=r}function contains_thumbs(e,t){for(var r=0;r<e.length;r++)if(e[r]==t)return!0;return!1}function printRelatedLabels_thumbs(e){for(var t=0;t<relatedUrls.length;t++)relatedUrls[t]!=e&&relatedTitles[t]||(relatedUrls.splice(t,1),relatedTitles.splice(t,1),thumburl.splice(t,1),t--);for(e=Math.floor((relatedTitles.length-1)*Math.random()),t=0,0<relatedTitles.length&&document.write("<h2>"+relatedpoststitle+"</h2>"),document.write('<div style="clear: both;"/><ul>');t<relatedTitles.length&&20>t&&t<maxresults;)document.write('<li><a style="text-decoration:none;'),document.write('"'),document.write(' href="'+relatedUrls[e]+'"><img src="'+thumburl[e].replace("/s72-c/","/w225-h120-c/")+'"/><div class="relatedTitles">'+relatedTitles[e]+"</div></a></li>"),t++,e<relatedTitles.length-1?e++:e=0;document.write("</ul></div>"),relatedUrls.splice(0,relatedUrls.length),thumburl.splice(0,thumburl.length),relatedTitles.splice(0,relatedTitles.length)}function removeHtmlTag(e,t){if(-1!=e.indexOf("<")){for(var r=e.split("<"),s=0;s<r.length;s++)-1!=r[s].indexOf(">")&&(r[s]=r[s].substring(r[s].indexOf(">")+1,r[s].length));e=r.join("")}for(t=t<e.length-1?t:e.length-2;" "!=e.charAt(t-1)&&-1!=e.indexOf(" ",t);)t++;return e=e.substring(0,t-1),e+"..."}function createSummary(e){var t=document.getElementById(e),r=150,s="<div><p>"+removeHtmlTag(t.innerHTML,r)+"</div></p>";t.innerHTML=s}function mycallfeatured(e){for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){var s=e.feed.entry[t].link[r].href;break}if(r="","category"in e.feed.entry[t]){for(var n=0;n<e.feed.entry[t].category.length;n++)r+='<a href="/search/label/'+e.feed.entry[t].category[n].term+'?&max-results=8">'+e.feed.entry[t].category[n].term+"</a> ? ";n=r.lastIndexOf(" ? "),-1!=n&&(r=r.substring(0,n))}var n=e.feed.entry[t].published.$t,a=n.substring(0,4),i=n.substring(5,7),n=n.substring(8,10),l=e.feed.entry[t].title.$t,d=e.feed.entry[t].author[0].name.$t,r="<a href="+s+'><div class="po_img"><img src="'+e.feed.entry[t].media$thumbnail.url.replace("/s72-c/","/s250-h200-c/")+'"/></div><div class="fea_con"><div class="fea_ribbon"><span>Ribbon</span></div></a><div class="tune">Tags: '+r+"</div><div class='reftitle'><h2><a href="+s+">"+l+'</a></h2></div><div class="date-header">By '+d+" ? "+[,"January","February","March","April","May","June","July","August","September","October","November","December"][parseInt(i,10)]+" "+n+", "+a+"</div></div>";document.write(r)}}function myrecent(e){for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){var s=e.feed.entry[t].link[r].href;break}var r=e.feed.entry[t].published.$t,n=r.substring(0,4),a=r.substring(5,7),r=r.substring(8,10),i=e.feed.entry[t].category[0].term,l=e.feed.entry[t].title.$t,r='<div class="po_content"><div class="po_img"><a href='+s+'><img src="'+e.feed.entry[t].media$thumbnail.url.replace("/s72-c/","/s110-h85-c/")+'"/></a></div><div class="fea_con"><div class="tune"><a href="/search/label/'+i+'?&max-results=8">'+i+"</a></div><h3><a href="+s+">"+l+'</a></h3><div class="date-header">'+[,"January","February","March","April","May","June","July","August","September","October","November","December"][parseInt(a,10)]+" "+r+", "+n+"</div></div></div>";document.write(r)}}function update(e){for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){var s=e.feed.entry[t].link[r].href;break}var r=e.feed.entry[t].published.$t,n=r.substring(0,4),a=r.substring(5,7),r=r.substring(8,10),i=e.feed.entry[t].category[0].term,l=e.feed.entry[t].title.$t,r='<div class="po_content"><div class="po_img"><a href='+s+'><img src="'+e.feed.entry[t].media$thumbnail.url.replace("/s72-c/","/s110-h85-c/")+'"/></a></div><div class="fea_con"><div class="tune"><a href="/search/label/'+i+'?&max-results=8">'+i+"</a></div><h3><a href="+s+">"+l+'</a></h3><div class="date-header">'+[,"January","February","March","April","May","June","July","August","September","October","November","December"][parseInt(a,10)]+" "+r+", "+n+"</div></div></div>";document.write(r)}}function lastupdate(e){for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){e.feed.entry[t].link[r].href;break}var s=e.feed.entry[t].updated.$t,n=""+s;document.write(n)}}function heading(e){document.write('<div class="heading"><div class="heading-title">Heading:</div><div class="heading-content"><marquee truespeed="truespeed" scrolldelay="30" scrollamount="1" onmouseover="this.stop();" onmouseout="this.start();" direction="left" behavior="scroll" align="top">');for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length;r++)if("alternate"==e.feed.entry[t].link[r].rel){var s=e.feed.entry[t].link[r].href;break}var n=e.feed.entry[t].title.$t,a="<a href="+s+">"+n+"</a>";document.write(a)}document.write("</marquee></div></div>")}function showlatestpostswiththumbs(e){document.write('<div class="ctbm"><ul class="recent-posts-container">');for(var t=0;t<posts_no;t++){var r,n=e.feed.entry[t],i=n.title.$t;if(t==e.feed.entry.length)break;for(var l=0;l<n.link.length;l++){if("replies"==n.link[l].rel&&"text/html"==n.link[l].type)var o=n.link[l].title,u=n.link[l].href;if("alternate"==n.link[l].rel){r=n.link[l].href;break}}var m;try{m=n.media$thumbnail.url.replace("/s72-c/","/w365-h210-c/")}catch(f){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),m=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYPD82OPKwFSkQhRUgUXvWyxbtlIEf9IKpIByV7HNTr8QaoekbArsiUtTZ9s1VKdDToLGa830Z_8UebNNE2V6GBQQSsHDIHjU2RQFjiM0Xs0Lf3_XhTBNww2qP2o53aaZ_Q_6MGG92bko/s1600/no-thumb.png"}var h=n.published.$t,v=h.substring(0,4),p=h.substring(5,7),g=h.substring(8,10),y=new Array;if(y[1]="Jan",y[2]="Feb",y[3]="Mar",y[4]="Apr",y[5]="May",y[6]="Jun",y[7]="Jul",y[8]="Aug",y[9]="Sep",y[10]="Oct",y[11]="Nov",y[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+m+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var w=n.content.$t;else if("summary"in n)var w=n.summary.$t;else var w="";var A=/<\S[^>]*>/g;w=w.replace(A,"");var k="",_=0;if(document.write('<div class="recent-posts-details">'),1==posts_date&&(k=k+y[parseInt(p,10)]+" "+g+" "+v,_=1),1==readmorelink&&(1==_&&(k+=" | "),k=k+'<a href="'+r+'" class="url" target ="_top">Read more</a>',_=1),1==showcommentslink&&(1==_&&(k+=" "),"1 Comments"==o&&(o="1"),"0 Comments"==o&&(o="0"),"3 Comments"==o&&(o="3"),o='<a href="'+u+'" target ="_top"><i class="fa fa-commenting-o"></i> '+o+"</a>",k+=o,_=1),document.write('<div class="post-date">'),document.write(k),document.write("</div>"),1==post_summary)if(w.length<summary_chars)document.write("<p>"+w+"</p>");else{w=w.substring(0,summary_chars);var $=w.lastIndexOf(" ");w=w.substring(0,$),document.write("<p>"+w+"...</p>")}document.write("</div>"),document.write("</li>")}document.write("</ul></div>")}function col3(e){document.write('<div class="list"><ul class="recent-posts-container">');for(var t=0;t<posts_no;t++){var r,n=e.feed.entry[t],i=n.title.$t;if(t==e.feed.entry.length)break;for(var l=0;l<n.link.length;l++){if("replies"==n.link[l].rel&&"text/html"==n.link[l].type)var o=n.link[l].title,u=n.link[l].href;if("alternate"==n.link[l].rel){r=n.link[l].href;break}}var m;try{m=n.media$thumbnail.url.replace("/s72-c/","/w200-h150-c/")}catch(f){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),m=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYPD82OPKwFSkQhRUgUXvWyxbtlIEf9IKpIByV7HNTr8QaoekbArsiUtTZ9s1VKdDToLGa830Z_8UebNNE2V6GBQQSsHDIHjU2RQFjiM0Xs0Lf3_XhTBNww2qP2o53aaZ_Q_6MGG92bko/s1600/no-thumb.png"}var h=n.published.$t,v=h.substring(0,4),p=h.substring(5,7),g=h.substring(8,10),y=new Array;if(y[1]="Jan",y[2]="Feb",y[3]="Mar",y[4]="Apr",y[5]="May",y[6]="Jun",y[7]="Jul",y[8]="Aug",y[9]="Sep",y[10]="Oct",y[11]="Nov",y[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+m+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var w=n.content.$t;else if("summary"in n)var w=n.summary.$t;else var w="";var A=/<\S[^>]*>/g;w=w.replace(A,"");var k="",_=0;if(document.write('<div class="recent-posts-details">'),1==posts_date&&(k=k+y[parseInt(p,10)]+" "+g+" "+v,_=1),1==readmorelink&&(1==_&&(k+=" | "),k=k+'<a href="'+r+'" class="url" target ="_top">Read more</a>',_=1),1==showcommentslink&&(1==_&&(k+=" "),"1 Comments"==o&&(o="1"),"0 Comments"==o&&(o="0"),"3 Comments"==o&&(o="3"),o='<a href="'+u+'" target ="_top"><i class="fa fa-commenting-o"></i> '+o+"</a>",k+=o,_=1),document.write('<div class="post-date">'),document.write(k),document.write("</div>"),1==post_summary)if(w.length<summary_chars)document.write("<p>"+w+"</p>");else{w=w.substring(0,summary_chars);var $=w.lastIndexOf(" ");w=w.substring(0,$),document.write("<p>"+w+"...</p>")}document.write("</div>"),document.write("</li>")}document.write("</ul></div>")}function slider(e){document.write('<div class="flexslider"><ul class="slides">');for(var t=0;t<posts_no;t++){var r,n=e.feed.entry[t],i=n.title.$t;if(t==e.feed.entry.length)break;for(var l=0;l<n.link.length;l++){if("replies"==n.link[l].rel&&"text/html"==n.link[l].type)var o=n.link[l].title,u=n.link[l].href;if("alternate"==n.link[l].rel){r=n.link[l].href;break}}var m;try{m=n.media$thumbnail.url.replace("/s72-c/","/w622-h368-c/")}catch(f){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),m=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYPD82OPKwFSkQhRUgUXvWyxbtlIEf9IKpIByV7HNTr8QaoekbArsiUtTZ9s1VKdDToLGa830Z_8UebNNE2V6GBQQSsHDIHjU2RQFjiM0Xs0Lf3_XhTBNww2qP2o53aaZ_Q_6MGG92bko/s1600/no-thumb.png"}var h=n.published.$t,v=h.substring(0,4),p=h.substring(5,7),g=h.substring(8,10),y=new Array;if(y[1]="Jan",y[2]="Feb",y[3]="Mar",y[4]="Apr",y[5]="May",y[6]="Jun",y[7]="Jul",y[8]="Aug",y[9]="Sep",y[10]="Oct",y[11]="Nov",y[12]="Dec",document.write("<li>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+m+'"/></a>'),document.write('<div class="slider-features"><h2><a href="'+r+'" target ="_top">'+i+"</a></h2>"),"content"in n)var w=n.content.$t;else if("summary"in n)var w=n.summary.$t;else var w="";var A=/<\S[^>]*>/g;w=w.replace(A,"");var k="",_=0;if(document.write('<div class="recent-posts-details">'),1==posts_date&&(k=k+y[parseInt(p,10)]+" "+g+" "+v,_=1),1==readmorelink&&(1==_&&(k+=" | "),k=k+'<a href="'+r+'" class="url" target ="_top">Read more</a>',_=1),1==showcommentslink&&(1==_&&(k+=" "),"1 Comments"==o&&(o="1"),"0 Comments"==o&&(o="0"),"3 Comments"==o&&(o="3"),o='<a href="'+u+'" target ="_top"><i class="fa fa-commenting-o"></i> '+o+"</a>",k+=o,_=1),document.write('<div class="post-date">'),document.write(k),document.write("</div>"),document.write("</div>"),1==post_summary)if(w.length<summary_chars)document.write("<p>"+w+"</p>");else{w=w.substring(0,summary_chars);var $=w.lastIndexOf(" ");w=w.substring(0,$),document.write("<p>"+w+"...</p>")}document.write("</div>"),document.write("</li>")}document.write("</ul></div>")}function cmm(e){document.write('<div class="grid-row">');for(var t=0;t<posts_no;t++){var r,n=e.feed.entry[t],i=n.title.$t;if(t==e.feed.entry.length)break;for(var l=0;l<n.link.length;l++){if("replies"==n.link[l].rel&&"text/html"==n.link[l].type){n.link[l].title,n.link[l].href}if("alternate"==n.link[l].rel){r=n.link[l].href;break}}var o;try{o=n.media$thumbnail.url.replace("/s72-c/","/w622-h368-c/")}catch(u){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),o=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoYPD82OPKwFSkQhRUgUXvWyxbtlIEf9IKpIByV7HNTr8QaoekbArsiUtTZ9s1VKdDToLGa830Z_8UebNNE2V6GBQQSsHDIHjU2RQFjiM0Xs0Lf3_XhTBNww2qP2o53aaZ_Q_6MGG92bko/s1600/no-thumb.png"}var m=n.published.$t,f=m.substring(0,4),h=m.substring(5,7),v=m.substring(8,10),p=new Array;p[1]="Jan",p[2]="Feb",p[3]="Mar",p[4]="Apr",p[5]="May",p[6]="Jun",p[7]="Jul",p[8]="Aug",p[9]="Sep",p[10]="Oct",p[11]="Nov",p[12]="Dec",document.write('<div class="grid-col-3 cmm">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img src="'+o+'"/></a>'),document.write('<a href="'+r+'" target ="_top">'+v+" "+p[parseInt(h,10)]+" "+f+" - "+i+"</a>"),document.write("</div>")}document.write("</div>")}var relatedTitles=[],relatedTitlesNum=0,relatedUrls=[],thumburl=[];
//]]>
                </script>
 <!-- Fin JS Mega menú -->

Busca este código

<body>


 Ingresa las siguientes líneas de código justo abajo del código que encontraste.

 <!-- Start Mega menú -->
<nav class='mega-menu' id='menu-1'>
<!-- menu list items container -->
<section class='menu-list-items'>
<!-- menu logo -->
<ul class='menu-logo'>
<li>
<a href='/'>
<i class='fa fa-home fa-5x'/> Menu</a>
</li>
</ul>
<!-- menu links -->
<ul class='menu-links'>
<!-- active class -->
  <li class='active'><a href='/'><i class='fa fa-home'/> Inicio</a></li>
<li><a href='#'><i class='fa fa-archive'/> Tecnología <i class='fa fa-angle-down'> </i></a>
<div class='drop-down grid-col-12 mega-list'>
<div class='grid-row'>
<div class='grid-col-2'>
<h4><i class='fa fa-file'/> Título principal 1</h4>
<ul>
<li><a href='#'> Tema 1 </a></li>
<li><a href='#'> Tema 2 </a></li>
<li><a href='#'> Tema 3 </a></li>
<li><a href='#'> Tema 4 </a></li>
<li><a href='#'> Tema 5 </a></li>
<li><a href='#'> Tema 6 </a></li>
</ul>
</div>
<div class='grid-col-2'>
<h4><i class='fa fa-file'/> Título principal 2</h4>
<ul>
<li><a href='#'> Tema 1 </a></li>
<li><a href='#'> Tema 2 </a></li>
<li><a href='#'> Tema 3 </a></li>
<li><a href='#'> Tema 4 </a></li>
<li><a href='#'> Tema 5 </a></li>
<li><a href='#'> Tema 6 </a></li>
</ul>
</div>
<div class='grid-col-2'>
<h4><i class='fa fa-file'/> Título principal 3</h4>
<ul>
<li><a href='#'> Tema 1 </a></li>
<li><a href='#'> Tema 2 </a></li>
<li><a href='#'> Tema 3 </a></li>
<li><a href='#'> Tema 4 </a></li>
<li><a href='#'> Tema 5 </a></li>
<li><a href='#'> Tema 6 </a></li>
</ul>
</div>
<div class='grid-col-2'>
<h4><i class='fa fa-cogs'/> Contactos </h4>
<ul>
<li><a href='#'><i class='fa fa-facebook-official'/> Facebook </a></li>
<li><a href='#'><i class='fa fa-twitter'/> Twitter </a></li>
<li><a href='#'><i class='fa fa-google-plus'/> Google+ </a></li>
<li><a href='#'><i class='fa fa-linkedin'/> Linkedin </a></li>
<li><a href='#'><i class='fa fa-map-marker'/> Mapa </a></li>
<li><a href='#'><i class='fa fa-sitemap'/> SiteMap </a></li>
</ul>
</div>
</div>
</div>
</li>
<li><a href='http://megamenuparablogger.blogspot.com/search/label/Life'><i class='fa fa-black-tie'/> Novedades <i class='fa fa-angle-down fa-indicator'/></a>
<div class='drop-down grid-col-12'>
<script style='text/javascript'>
                  var posts_no = 4;
                  var showpoststhumbs = true;
                  </script>
<script src='/feeds/posts/default/-/Life?orderby=published&amp;alt=json-in-script&amp;callback=cmm'/>
</div>
</li>
<li><a href='#'><i class='fa fa-tags'/> Etiquetas <i class='fa fa-angle-down fa-indicator'/></a>
<!-- drop down full width -->
<ul class='drop-down-tab-bar grid-col-12'>
<li><a href='#'><i class='fa fa-tag'/> Tema 1 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 2 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 3 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 4 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 5 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 6 <i class='fa fa-angle-right fa-indicator'/>
</a></li>
<li><a href='#'><i class='fa fa-tag'/> Tema 7 </a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-newspaper-o'/> Noticias</a></li>

<li><a href='#'><i class='fa fa-paste'/> Blogger <i class='fa fa-angle-down fa-indicator'/></a>
<ul class='drop-down-multilevel'>
<li><a href='#'>Tema 1 </a></li>
<li><a href='#'>Tema 2 </a></li>
<li><a href='#'>Tema 3 </a></li>
<li><a href='#'>Tema 4 </a></li>
</ul>
</li>
<li><a href='#'><i class='fa fa-tasks'/> Negocios</a></li>

<li><a href='#'><i class='fa fa-cog'/> Estilo de vida <i class='fa fa-angle-down fa-indicator'/></a>
<div class='drop-down grid-col-12'>
<script style='text/javascript'>
                  var posts_no = 4;
                  var showpoststhumbs = true;
                  </script>
<script src='/feeds/posts/default/-/Novedades?orderby=published&amp;alt=json-in-script&amp;callback=cmm'/>
</div>
</li>
</ul>
</section>
</nav>
<!-- Fin Mega menú -->

Realiza los siguientes cambios:

He marcado de tres diferentes colores en los lugares que tendrás que realizar los diferentes cambios

Remplaza todos los símbolos numerales # que están marcados de color azul por la dirección URL de una de sus entradas o paginas

Remplaza todas las palabras que están marcadas de color rojo, por las palabras que vosotros deseéis

Existen dos desplegables que mostraran las imágenes de sus posts, el uno dice Novedades y el otro Estilo de vida, con mucho cuidado remplazaremos las etiquetas, por favor sigue las siguientes instrucciones:

Encontrará un código similar al siguiente:

<script src='/feeds/posts/default/-/Life?orderby=published&amp;alt=json-in-script&amp;callback=cmm'/>

Elimina la etiqueta que está marcada de color amarillo, y reemplazadlo por el nombre de una de tus etiquetas

¿Qué es una etiqueta?

Por último, encontraras otro código similar al siguiente:

<script src='/feeds/posts/default/-/Novedades?orderby=published&amp;alt=json-in-script&amp;callback=cmm'/>

Elimina la etiqueta que está marcada de color amarillo, y reemplazadlo por el nombre de una de tus etiquetas

Fecha de la Publicación; 09-08-2019

 Fuente;  ayudadeblogger


 Publicado por;                                                                           

MEGA MENÚ PARA BLOGGER .

Un concepto de navegación receptivo inspirado en material design de Google, que transforma un menú horizontal

normal en un menú fuera de lienzo móvil con una barra de alternar cuando el tamaño de la pantalla es menor que un punto

 de corte especificado definido en las consultas de medios de CSS, un concepto básico.

Se recomienda realizar una copia de seguridad de su blog de Blogger por si algo no le sale correctamente

¿Cómo hacer una copia de seguridad de mi blog?

Tutorial

Segundo:

Puede practicar en un blog de ejemplos antes de agregarlo en su blog oficial

Empezamos

1 Un clic en Tema

2 Un clic en “Editar HTML”

Ahora se le abrirá el Editor HTML de su plantill

En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.

Busque la siguiente línea de código

<head>

Inserte el siguiente código justo abajo del código que encontró-

<!-- Estilos material mega menu -->
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
<!-- End estilos material mega menu -->

Busque la siguiente línea de código


</head>


Inserte las siguientes líneas de código justo arriba del código que encontró

<style>
/* CSS Mega Menu Material Design */
#header-wrapper-menu {
    background: #efefef;
    height: 60px;
    width: 100%;
    position: fixed;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    transition: all .5s ease-in-out;
    line-height: 40px;
}
#header-wrapper-menu .header-mega-menu{
width:100%;
height:60px;
background: #C3272B;
margin:0 auto;
}
.header-mega-menu .main-header{
margin-left:15px;
float:left;
}
.header-mega-menu .main-header a {
    color: #fff;
    margin-top: 2px;
}
.mover-up {
    float: left;
    margin-top: 8px;
}
@media (max-width:767px){
.header-mega-menu .menu-btn{float:right;width:60px;text-align:center;font-size:24px;color:#fff;cursor:pointer;text-decoration:none}#header-wrapper-menu .header-mega-menu .main-menu{box-shadow:0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);display:inline-block;position:fixed;z-index:-1;background:#333;text-align:right;padding:70px 50px 20px;list-style:none;left:0;width:100%;top:-1000px}#header-wrapper-menu .header-mega-menu .main-menu.active{top:0} .header-mega-menu .main-menu ul{list-style:none}#header-wrapper-menu .header-mega-menu .main-menu a,#header-wrapper-menu .header .main-menu a:focus, .header-mega-menu .main-menu a:hover,#header-wrapper-menu .header-mega-menu .main-menu a:visited{color:#fff;text-decoration:none}}
@media (min-width:768px){
#header-wrapper-menu .header-mega-menu .menu-btn{display:none}
#header-wrapper-menu .header-mega-menu .main-menu{margin-right:15px;float:right;display:inline-block;list-style:none}
#header-wrapper-menu .header-mega-menu .main-menu li{display:inline;margin:0 10px}
#header-wrapper-menu .header-mega-menu .main-menu li a{color:#fff}
}
#header-wrapper-menu .header-mega-menu .search-mega-menu{
float:left;
margin:0 0 0 30px;
margin-top: 8px;
}
@media (max-width:768px){
#header-wrapper-menu .header-mega-menu .search-mega-menu{
display:none;
}
}
@media (max-width:980px){
#header-wrapper-menu .header-mega-menu .search-mega-menu{
width:40%;
}
}
@media (min-width:981px){
#header-wrapper-menu .header-mega-menu .search-mega-menu{
width:45%;
}
}
#header-wrapper-menu .header-mega-menu .search-mega-menu input{outline:0}
#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-input{color:#D9D9D9;border-radius:2px;height:45px;width:100%;padding:0 50px;background-color:rgba(255,255,255,.16);border:none;-webkit-transition:background .2s ease;transition:background .2s ease}
#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-input:focus,#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-input:hover{background-color:rgba(255,255,255,.26)}
#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-btn{position:absolute;font-family:fontello;font-size:25px;margin:9px 4.5px;padding:0px;cursor:pointer;background:0 0;border:none;color:#A6A6A6;-webkit-transition:color .2s ease;transition:color .2s ease}
#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-btn:focus,#header-wrapper-menu .header-mega-menu .search-mega-menu input.search-btn:hover{color:#D9D9D9}
.main-menu{-webkit-transition:top .5s ease-in-out;transition:top .5s ease-in-out}
/* Material Design Ayudadeblogger.com */
.toggleMenu{color:#fff;padding:10px;font-size:25px;float:left;margin-right:20px}
h1{color:#fff;font-size:20px;font-weight:400;margin:12px 0 0}
.dropdowns{font:normal normal 14px Roboto,Arial,sans-serif;background:#fff;overflow:auto;position:fixed;z-index:99;bottom:0;width:300px;left:-400px;transition:all .7s ease-in-out;top:0;border-top:1px solid #ddd;line-height:48px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.mega-menu-nav{list-style:none;margin:0;*zoom:1;float:left;padding:0}
.mega-menu-nav:before,.mega-menu-nav:after{content:&quot; &quot;;display:table}
.mega-menu-nav:after{clear:both}.sub-menu{transition:all .5s ease-in-out}
.mega-menu-nav ul{list-style:none;margin:0;width:auto;white-space:nowrap}
.mega-menu-nav a{display:block;padding:0 15px}
.mega-menu-nav li{position:relative;margin:0}
.mega-menu-nav &gt; li{float:left;width:100%}
.mega-menu-nav &gt; li &gt; a{display:block;height:48px;line-height:48px;color:#666}
.mega-menu-nav &gt; li:hover &gt; a{background:#E6E6E6}
.mega-menu-nav li ul{background:#fff;display:none;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;padding:0}
.mega-menu-nav li li ul{left:100%;top:-1px}
.mega-menu-nav li li a.click ul{visibility:visible;opacity:10}
.mega-menu-nav li li a{display:block;color:#666;position:relative;padding-left:53px;line-height:40px}
.mega-menu-nav li li a:hover{background:#f0f0f0}
.mega-menu-nav li li li a{background:#fff;z-index:20;color:#333}
.mega-menu-nav li .dropdown:after{content:&quot;\f105&quot;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;position:absolute;top:0;right:20px;color:#444}
.mega-menu-nav li .dropdown.open:after{content:&quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit}
.mega-menu-nav li .dropdown:hover:after{color:#000}
.mega-menu-nav li i{font-size:18px;width:35px}.nav li a.click{opacity:1}
.mega-menu-nav h2{font-size:14px;font-weight:normal!important;padding:0 20px;margin:0;overflow:hidden;border-top:1px solid #ddd;color:#999}
.dropdowns h3,.dropdowns p{padding:0;margin:0;font-weight:400!important}
.dropdowns .perfil-mega-menu {
    padding: 20px 15px 10px;
    background: #455A64 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AiQyaPAMx4AVI4CVblZxMi2YamC1AitRDor-sEty5JoP1I3r-ZcLda1nXp6wFwT4OO3jSqy_2VxVA84TfpW4YLmeWWtN5S7f4hRvIYWzFtF_S9SvwxYtQPXIx_Yc9MsL3Ioq9FwFoMQ/s1600/logo-sidebar.jpg)repeat fixed;
    color: #fff;
    border-bottom: 1px solid #ddd;
    line-height: 1.9;
    z-index: 99;
}
.dropdowns h3{font-size:14px}
.mega-menu-nav p{font-size:13px}
.dropdowns img{width:70px;height:70px;border-radius:100%}
#mega-informa{float:right;border-radius:100%;padding:0 10px;color:#999}
#mega-informa:hover{background:#ddd}
#nav-menu1{visibility:hidden;position:absolute;background:#fff;list-style:none;right:30px;top:135px;padding:0;width:0;height:0;transition:all .5s cubic-bezier(0.07, 0.68, 0.35, 1.04);z-index:9;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
#nav-menu1 li{width:100%}
#nav-menu1 li a{padding:8px 15px;width:100%;font-weight:300;color:#666}
#nav-menu1 li a:hover{background:#e1e1e1}
#nav-menu1.shows{visibility:visible;width:200px;height:130px}
.dropdowns.shows{left:0;opacity:1}
.oscuro{visibility:hidden;opacity:0;position:fixed;top:0;background:rgba(0, 0, 0, 0.59);left:0;right:0;bottom:0;margin:0;z-index:97;transition:all .4s ease-in-out}
.oscuro.shows{visibility:visible;opacity:1}
a:link{text-decoration:none;transition:all 0.25s linear}
.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity, transform;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out;-ms-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}
.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}
.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}
.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}
.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}
.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}
.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}
.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}
.waves-notransition{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;-ms-transition:none !important;transition:none !important}
.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}
.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom;width:100%}
.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}
.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}
.waves-block{display:block}a.waves-effect .waves-ripple{z-index:-1}
.adb-th{display:inline-block;text-decoration:none;overflow:hidden;position:relative;z-index:0}
.ink{display:block;position:absolute;background:rgba(255,255,255,0.4);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.go-adb{-webkit-animation:ripple .55s linear;-moz-animation:ripple .55s linear;-ms-animation:ripple .55s linear;-o-animation:ripple .55s linear;animation:ripple .55s linear}@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}
#closedrop {
    font-size: 18px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
}
#show-menu-small {
    float: right;
    padding: 0px 14px !important;
    margin-top: 12px;
    margin-left: -20px;
    margin-right: 20px;
    font-size: 22px !important;
    color: #fff !important;
    border-radius: 100%;
}
#mega-menu-material{font-family:&#39;Roboto&#39;,Arial;visibility:hidden;position:fixed;background:#fff;text-transform:none!important;list-style:none;right:30px;top:60px;padding:5px 0;width:200px;height:auto;transition:all .3s ease-in-out;z-index:401;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-radius:2px;opacity:0}
#mega-menu-material li{width:100%}
#mega-menu-material li a{padding:10px 15px;width:100%;font-weight:400;color:#000!important;font-size:14px!important}
#mega-menu-material li a:hover{background:#e1e1e1}
#mega-menu-material.shows{visibility:visible;opacity:1}
.header-wrapper, #header-wrapper {
    position: initial;
}
</style>
<script src='https://cdn.rawgit.com/grupodelecluse/mega-menu-blogger/d60bb11e/mega-material-design.js'/>
<!-- CSS icono search -->
  <style type='text/css'>
@font-face{
font-family:fontello;
src:url(http://reatlat.github.io/Material-Design-Blogspot/fonts/fontello.woff2?37618884) format(&#39;woff2&#39;)
}
</style>

Busque la siguiente línea de código


</body>


Inserte las siguientes líneas de código justo arriba del código que encontró

<!-- Codec Mega Menu Material design -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
/*<![CDATA[*/
var iQ=setInterval(function(){window.jQuery&&(clearInterval(iQ),jQuery(document).ready(function(){jQuery(window).scroll(function(){jQuery(this).scrollTop()>500?jQuery(".scrollup").fadeIn():jQuery(".scrollup").fadeOut()}),jQuery(".scrollup").click(function(){return jQuery("html, body").go-adb({scrollTop:0},600),!1}),jQuery(".fancybox").fancybox(),jQuery('a[href$=".png"], a[href$=".PNG"], a[href$=".jpg"], a[href$=".JPG"], a[href$=".gif"], a[href$=".GIF"]').each(function(){jQuery(this).addClass("fancybox")}),jQuery(".menu-btn").on("click",function(){jQuery(".main-menu").toggleClass("active")}),jQuery(".main-menu a").on("click",function(){jQuery(".main-menu").hasClass("active")&&jQuery(".main-menu").removeClass("active")}),jQuery(document).on("click",function(e){jQuery(e.target).closest(".menu-wrapper").length||jQuery(".main-menu").removeClass("active"),e.stopPropagation()})}))});
  /*]]>*/
</script>

<script type='text/javascript'>
$(document).ready(function(){$(&quot;#mega-informa&quot;).click(function(){$(&quot;#nav-menu1&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;.toggleMenu&quot;).click(function(){$(&quot;.dropdowns&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;.oscuro,#closedrop&quot;).click(function(){$(&quot;.dropdowns,.oscuro&quot;).removeClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;.toggleMenu&quot;).click(function(){$(&quot;.oscuro&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;#show-menu-small&quot;).click(function(){$(&quot;#mega-menu-material,.adb-open&quot;).toggleClass(&quot;shows&quot;);});});
$(document).ready(function(){$(&quot;.adb-open&quot;).click(function(){$(&quot;#mega-menu-material,.adb-open&quot;).removeClass(&quot;shows&quot;);});});

//<![CDATA[
// Mega menu Nav
var Script=function(){jQuery('.mega-menu-nav .sub-menu > a').click(function(){var last=jQuery('.sub-menu.open',$('.mega-menu-nav'));last.removeClass("open");jQuery('.dropdown').addClass("open");jQuery('.dropdown',last).removeClass("open");jQuery('.sub',last).slideUp(300);var sub=jQuery(this).next();if(sub.is(":visible")){jQuery('.dropdown',jQuery(this)).removeClass("open");jQuery(this).parent().removeClass("open");sub.slideUp(300)}else{jQuery('.dropdown',jQuery(this)).addClass("open");jQuery(this).parent().addClass("open");sub.slideDown(300)}var o=($(this).offset());diff=300-o.top;if(diff>0)$(".mega-menu-nav").scrollTo("-="+Math.abs(diff),500);else $(".mega-menu-nav").scrollTo("+="+Math.abs(diff),500)})}();
//]]>

</script>

<script type='text/javascript'>
//<![CDATA[
$(function() {
    var ink, d, x, y;
    $(".adb-th").click(function(e) {
        if ($(this).find(".ink").length === 0) {
            $(this).prepend("<span class='ink'></span>");
        }
       ink = $(this).find(".ink");
        ink.removeClass("go-adb");
        if (!ink.height() && !ink.width()) {
            d = Math.max($(this).outerWidth(), $(this).outerHeight());
            ink.css({
                height: d,
                width: d
            });
        }
        x = e.pageX - $(this).offset().left - ink.width() / 2;
        y = e.pageY - $(this).offset().top - ink.height() / 2;
        ink.css({
            top: y + 'px',
            left: x + 'px'
        }).addClass("go-adb");
    });
});

//]]>
</script>
<!-- End Codec Mega Menu Material design -->

Busque la siguiente línea de código


<body>

Inserte las siguientes líneas de código justo abajo del código que encontró

<section id='header-wrapper-menu'>
<div class='header-mega-menu'>
<div class='main-header'>
<a class='toggleMenu adb-th' href='javascript:;'><i class='material-icons'>menu</i></a>
<div class='mover-up'>
<a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a>
</div>
</div>

<div class='search-mega-menu'>
<form action='/search' class='search-form' method='get' role='search'><span>
<input class='search-btn' type='submit' value='?'/>
<input class='search-input' name='q' placeholder='keyword search' type='text' value=''/>
</span></form>
</div>

<a class='waves-effect' href='javascript:;' id='show-menu-small'><i class='fa fa-ellipsis-v'/></a>

<div id='mega-menu-material'>
  <li><a class='waves-effect' href='#' itemprop='url' title='Nosotros'><span itemprop='name'>Nosotros</span></a></li>
  <li><a class='waves-effect' href='#' itemprop='url' title='Contactos'><span itemprop='name'>Contactos</span></a></li>
  <li><a class='waves-effect' href='#' itemprop='url' title='Mapa del sitio'><span itemprop='name'>Sitemap</span></a></li>
</div>
</div>
</section>
 <br/>

<div class='oscuro'/><div class='adb-open'/>
<nav class='dropdowns' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<div class='wrapper-menu'>
<div class='perfil-mega-menu'>
<img alt='Luis Chávez' src='http://lh5.googleusercontent.com/-FS0EwnqZjd8/AAAAAAAAAAI/AAAAAAAAABg/TKdxYCWr6VY/s120-c-pf/photo.jpg' title='Luis Chávez'/>
<h3><a expr:href='data:blog.homepageUrl' rel='nofollow'><data:blog.title/></a></h3>
<a class='adb-th' href='javascript:;' id='mega-informa'><i class='material-icons'>keyboard_arrow_down</i></a>
  <p>Mega menu Material design</p>
<ul id='nav-menu1'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Facebook</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Google+</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Twitter</span></a></li>
  </ul>
  </div>
<ul class='nav mega-menu-nav'>
<li>
<a class='waves-effect' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
<span itemprop='name'><i class='material-icons'>home</i> Inicio</span></a>
</li>
<li class='sub-menu'>
<a class='dropdown waves-effect' href='javascript:;' title='Blogger'><i class='fa fa-btc'/> Blogger</a>
<ul class='sub'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>News</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Tecnología</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Deportes</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Grupos</span></a></li>
  </ul>
</li>

<li class='sub-menu'>
<a class='dropdown waves-effect' href='javascript:;' title='Tecnología'><i class='fa fa-google-wallet'/> Tecnología</a>
<ul class='sub'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>News</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Tecnología</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Deportes</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Grupos</span></a></li>
  </ul>
</li>

<li class='sub-menu'>
<a class='dropdown waves-effect' href='javascript:;' title='Videos'><i class='fa fa-youtube-square'/> Videos</a>
<ul class='sub'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>News</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Tecnología</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Deportes</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Grupos</span></a></li>
  </ul>
</li>

<li class='sub-menu'>
<a class='dropdown waves-effect' href='javascript:;' title='Música'><i class='fa fa-folder-open-o'/> Música</a>
<ul class='sub'>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>News</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Tecnología</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Deportes</span></a></li>
<li><a class='waves-effect' href='#' itemprop='url'><span itemprop='name'>Grupos</span></a></li>
  </ul>
</li>

<li>
<a class='waves-effect' href='#' itemprop='url' title='Entretenimiento'><span itemprop='name'>
<i class='fa fa-pie-chart'/> Entretenimiento</span></a>
</li>

<li>
<a class='waves-effect' href='#' itemprop='url' title='Explore'><span itemprop='name'>
<i class='fa fa-tags'/> Explore</span></a>
</li>

<li>
<a class='waves-effect' href='#' itemprop='url' title='Sitemap'><span itemprop='name'>
<i class='fa fa-sitemap'/> Sitemap</span></a>
</li>

<li>
<a class='waves-effect' href='#' itemprop='url' title='Contactos'><span itemprop='name'>
<i class='fa fa-user'/> Contactos</span></a>
</li>

</ul>

<div class='iconos'>
<center>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-google-plus'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
  </center>
</div>
  </div>
</nav>
<br/>

Realice los siguientes cambios:

Cambie los símbolos numerales # por URLs

Cambie todas las palabras que están marcadas

Cambie la imagen pequeña que está marcada de color amarillo

http://lh5.googleusercontent.com/-FS0EwnqZjd8/AAAAAAAAAAI/AAAAAAAAABg/TKdxYCWr6VY/s120-c-pf/photo.jpg

También, tendrá que cambiar el nombre que dice Luis Chávez

Busque la siguiente URL de imagen

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3AiQyaPAMx4AVI4CVblZxMi2YamC1AitRDor-sEty5JoP1I3r-ZcLda1nXp6wFwT4OO3jSqy_2VxVA84TfpW4YLmeWWtN5S7f4hRvIYWzFtF_S9SvwxYtQPXIx_Yc9MsL3Ioq9FwFoMQ/s1600/logo-sidebar.jpg

Cambie la URL de imagen por una nueva, se recomienda que la imagen sea pequeña de un tamaño de 300x250px

Eso es todo

Un clic en Guardar Tema

Fecha de la Publicación; 09-08-2019

 Fuente;  ayudadeblogger

 Publicado por;                                                                              

PAGINACIÓN PARA BLOGGER .

La paginación consiste en un menú a pie de entradas para navegar por las mismas. Sustituye al clásico menú que ofrece Blogger: aquel de entradas antiguas y recientes.

Paginar es clasificar las entradas en forma de paginas con un conteo secuencial, es decir la paginación son botones con el numero de paginas existentes en tu blog, es muy eficaz este medio para tener una eficaz y rápida navegación a través del blog, también es útil para llevar un recuento de cuantas páginas hay actualmente.

MENÚ VERTICAL DESPLEGABLE PARA BLOGGER .

Vuelvo de nuevo con un menú vertical desplegable y totalmente responsive con subspestañas por lo que podremos agregar enlaces a cada sección del menú.

Al ser responsive se adapta a cualquier anchura de la sidebar.

SLIDESHOW DE ENTRADAS POPULARES PARA MI BLOG DE BLOGGER.

Despues de haberos enseñado como instalar en su blog de Blogger otros Widgets voy a mostraros con un slideshow manual.
hoy os voy a presentar un fabuloso Slideshow convertido con vuestras Entradas populares, que quiero decir con esto, que si utilizáis
en vuestro blog de Blogger Entradas populares, lo podéis convertir en un Slideshow y mostrar tus entradas populares de forma automática, incluye fotos, titulo y una descripción de su entrada.

NUEVOS ESTILOS DE ENTRADAS POPULARES PARA BLOGGER .

Es impresionante lo que blogger puede hacer con un simple código, el día de hoy compartiré un código muy simple, para poder cambiar los estilos de nuestras entradas populares de Blogger. 

Muchos bloggers buscan nuevos temas y así poder tener una plantilla única y que sea atractiva para el usuario.    

Las entradas populares para blogger se las puede utilizar de diferentes formas y estilos, cada una de ellas cumple diferentes temas. 

El rincón oscuro de Kiradober te ayudara con un estilo de código fácil de insertarlo en tu blog de Blogger, con el cual no causara daño alguno en la estructura de su plantilla, este código esta probado en todos los navegadores como Firefox, Google Chrome, Internet Explorer, etc, y funciona perfectamente. 

Deberán seguir las instrucciones de configuración tal como lo explico en este post.

 Te gusto este estilo de entrada popular para blogger!

CUATRO MANERAS DEFERENTES DE PONER UN SPOILER EN TU BLOC DE BLOGGER.

Los spoilers sirven para ocultar cierto contenido de una entrada del blog, ya sea por estrategia o por estética, estos spoilers ocultan contenido y lo muestran sólo cuando el usuario lo solicita.

En esta entrada veremos 4 métodos para poner un spoiler y así puedas elegir el método que más se adapte a tus necesidades.