mayo 18, 2024

Postal plantilla documentacion

Vistas: 245Vistas: 246
Tiempo de lectura:9 Minuto, 55 Segundo

Documentacion basica de la plantilla Blog Postal de Plantillas Plus en Blogger

Lista Menu de cabecera

Ingrese a su panel de Blogger, vaya a la seccion TEMA, luego pulse en Editar HTML.

Con ayuda de su teclado pulse Ctrl + F  y busque el siguiente codigo, tambien podra modificar segun su preferencia.

<div class='viennalitetop-wrapper' id='navatt'>
   <header class='header-wrapper2'>
      <div class='vinewtop-wrapper'>
         <nav class='top-menulite'>
            <ul>
               <li><a class='ripplelink' href='#' title='About Us'>About</a></li>
               <li><a class='ripplelink' href='#' title='Our Sitemap'>Sitemap</a></li>
               <li><a class='ripplelink' href='#' title='Contact us'>Contact</a></li>
               <li><a class='ripplelink' href='#' title='Disclaimer'>Disclaimer</a></li>
               <li><a class='ripplelink' href='#' title='Privacy Policy'>Privacy Policy</a></li>
               <li class='doremifa gplus'><a class='ripplelink' href='#' rel='nofollow noopener' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></a></li>
               <li class='doremifa facebook'><a class='ripplelink' href='#' rel='nofollow noopener' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></a></li>
               <li class='doremifa deviantart'><a class='ripplelink' href='#' rel='nofollow noopener' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram'/></a></li>
               <li class='doremifa twitter'><a class='ripplelink' href='#' rel='nofollow noopener' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></a></li>
            </ul>
            <a href='#' id='pull'/>
         </nav>
      </div>
   </header>
</div>

Lista de menu principal

Ingrese a su panel de Blogger, vaya a la seccion TEMA, luego pulse en Editar HTML.

Con ayuda de su teclado pulse Ctrl + F  y busque el siguiente codigo, tambien podra modificar segun su preferencia.

<nav id='nav' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement' role='navigation'>
   <div id='nav2'>
      <a class='slider-menu' href='#'><i class='fa fa-bars'/></a>
      <ul class='nav vienew-menulite'>
         <li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home fa-lg'/></span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Branding</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Design</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Mockup</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Tips</span></a></li>
         <li><a href='#' itemprop='url'><span itemprop='name'>Vectors</span></a></li>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Submenu</span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
            </ul>
         </li>
         <li>
            <a href='#' itemprop='url'><span itemprop='name'>Submenu</span></a>
            <ul>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
               <li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
            </ul>
         </li>
      </ul>
      <form action='/search' id='search-form' method='get' role='search'>
         <table>
            <tbody>
               <tr>
                  <td class='search-box'><input autocomplete='off' class='ripplelink' id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' required='required' type='text' value='Buscar...'/></td>
                  <td class='search-button'><input class='ripplelink' id='search-button' type='submit' value=''/></td>
               </tr>
            </tbody>
         </table>
      </form>
   </div>
</nav>

Lista Menu de pie de pagina

Ingrese a su panel de Blogger, vaya a la seccion DISEÑO, luego pulse en Editar.

Pegue el siguiente codigo, modifique los enlaces y los textos segun su preferencia.

<ul>
    <li><a class='ripplelink' href='#' title='About'>About</a></li>
    <li><a class='ripplelink' href='#' title='Contact'>Contact</a></li>
    <li><a class='ripplelink' href='#' title='Disclaimer'>Disclaimer</a></li>
    <li><a class='ripplelink' href='#' title='Privacy Policy'>Privacy Policy</a></li>
    <li><a class='ripplelink' href='#' title='Sitemap'>Sitemap</a></li>
</ul>

Mapa del sitio

Para agregar el mapa del sitio a su blog, copee el siguiente codigo, reemplazando el enlace de su blog https://postable-plantillasplus.blogspot.com/

<div class="tabbed-toc" id="tabbed-toc">
</div>
<script>
var tabbedTOC={blogUrl:"https://viennalitealt.blogspot.com/",containerId:"tabbed-toc",activeTab:1,showDates:!0,showSummaries:!1,numChars:200,showThumbnails:!0,thumbSize:60,noThumb:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",monthNames:["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"],newTabLink:!0,maxResults:99999,preload:0,sortAlphabetically:!0,showNew:7,newText:' &ndash; <em style="color:red;">New</em>'};
</script>
<script src="https://rawcdn.githack.com/Indzign/InSEO/master/daftarisikeren.js"></script>
<style scoped="" type="text/css">
.tabbed-toc{margin:0 auto;position:relative;background:linear-gradient(-45deg,#EE7752,#E73C7E,#23A6D5,#23D5AB);background-size:400% 400%;animation:Gradient 15s ease infinite}
.tabbed-toc .loading{display:block;padding:2px 12px;color:#fff}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}
.tabbed-toc .toc-tabs{width:20%;float:left}
.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;color:#fff;text-decoration:none;padding:12px;font-size:13px;transition:all .3s}
.tabbed-toc .toc-tabs li a:hover{background-color:rgba(0,0,0,0.05)}
.tabbed-toc .toc-tabs li a.active-tab{background:rgba(0,0,0,0.05);position:relative;z-index:5;margin:0 -1px 0 0}
.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:#fff;box-sizing:border-box}
.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}
.tabbed-toc .panel{position:relative;z-index:5}
.tabbed-toc .panel li a{color:#1277cb;display:block;position:relative;font-weight:500;font-size:14px;padding:6px 12px;overflow:hidden}
.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:right}
.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}
.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}
.tabbed-toc .panel li{background-color:#f9f9f9;margin:0}
.tabbed-toc .panel li:nth-child(even){background-color:#fff}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(0,0,0,0.03);outline:none}
.tabbed-toc .panel li a em{background:#f39c12;color:#fff!important;font-style:initial;font-size:11px;margin:0 0 0 5px;padding:2px 10px;border-radius:22px}
.tabbed-toc .panel li:before{display:none}
@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@media (max-width:768px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline;float:left}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:none}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}
</style>

Caja de suscripción

Abra Blogger > Temas > Haga clic en Editor HTML. Reemplace el nombre viennalitedua con el nombre de Feedburner de su blog. Si no tiene uno, puede crear un enlace de Feedburner aquí

<div id='nanu-wrapper'>
   <div class='invertsubs-content'>
      <div id='invertsubs-subs'>
         <p>Subscribe Our Newsletter</p>
         <span>Regístrese ahora para obtener contenido nuevo de nuestro sitio</span>
         <div class='emailfield'>
            <form action='https://feedburner.google.com/fb/a/mailverify' class='invertsubs-form' method='post' novalidate='' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=viennalitedua&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input name='email' placeholder='Tu correo electrónico' title='Email' type='text'/>
               <input name='uri' type='hidden' value='viennalitedua'/>
               <input name='loc' type='hidden' value='es_LA'/>
               <input class='submitbutton ripplelink' type='submit' value='Suscribete'/>
            </form>
         </div>
      </div>
   </div>
</div>

 

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *