API tools faq
paste
CafecitoYLeche2

cristialino 1.2.10

CafecitoYLeche2
Jun 3rd, 2019
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 25.54 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html>
  3.  
  4. <!--
  5. Cristalino - Plantilla para blogger creada por Cristalino
  6. https://cristalino-blogger.blogspot.com/
  7. ***DEJAR LA ATRIBUCIÓN INTACTA***
  8. -->
  9.  
  10. <html
  11.  b:version='2'
  12.  class='v2'
  13.  expr:dir='data:blog.languageDirection'
  14.  expr:lang='data:blog.locale'
  15.  prefix='og: http://ogp.me/ns#'
  16.  xmlns='http://www.w3.org/1999/xhtml'
  17.  xmlns:b='http://www.google.com/2005/gml/b'
  18.  xmlns:data='http://www.google.com/2005/gml/data'
  19.  xmlns:expr='http://www.google.com/2005/gml/expr'>
  20.  
  21.   <head>
  22.  
  23.     <!-- Perfil -->
  24.     <link rel="profile" href="https://gmpg.org/xfn/11"/>
  25.  
  26.     <!-- Charset. Normalmente no se requiere cambiar. -->
  27.     <meta charset='utf-8'/>
  28.  
  29.     <!-- Etiquetas http-equiv -->
  30.     <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'/><![endif]-->
  31.  
  32.     <!-- Viewport -->
  33.     <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=no'/>
  34.  
  35.     <!-- Twitter cards -->
  36.     <meta name='twitter:card' content='summary'/>
  37.  
  38.     <!-- Url canonica. -->
  39.     <link rel='canonical' expr:href='data:blog.url'/>
  40.  
  41.     <!-- DNS Prefetch -->
  42.     <link rel='dns-prefetch' href='//fonts.googleapis.com'/>
  43.     <link rel='dns-prefetch' href='//use.fontawesome.com'/>
  44.     <link rel='dns-prefetch' href='//www.googletagmanager.com'/>
  45.     <link rel='dns-prefetch' href='//ogp.me'/>
  46.     <link rel='dns-prefetch' href='//schema.org'/>
  47.     <link rel='dns-prefetch' href='//blogger.com'/>
  48.     <link rel='dns-prefetch' href='//www.blogger.com'/>
  49.     <link rel='dns-prefetch' href='//googleusercontent.com'/>
  50.  
  51.     <!-- Plitica de robots -->
  52.     <meta name='robots' content='index,follow'/>
  53.  
  54.     <!-- Politica de distribución -->
  55.     <meta name='distribution' content='global'/>
  56.  
  57.     <!-- OpenGraph misc. -->
  58.     <meta name='twitter:card' content='summary_large_image'/>
  59.     <meta property='og:url' expr:content='data:blog.url'/>
  60.     <meta property='og:site_name' expr:content='data:blog.title'/>
  61.  
  62.     <b:if cond='data:view.isPost'>
  63.       <meta property='og:type' content='article'/>
  64.       <b:else/>
  65.         <meta property='og:type' content='website'/>
  66.       </b:if>
  67.  
  68.     <meta name='twitter:site' content='@ELUSUARIODETWITTERDETUWEB'/>
  69.     <meta name='twitter:creator' content="@ELUSUARIODETWITTERDELCREADORDELAWEB"/>
  70.  
  71.     <!-- Titulo -->
  72.     <title><data:blog.pageTitle/></title>
  73.     <meta name='twitter:title' expr:content='data:blog.pageTitle'/>
  74.     <meta property='og:title' expr:content='data:blog.pageTitle'/>
  75.  
  76.     <!-- Descripción -->
  77.     <meta name='description' expr:content='data:blog.metaDescription'/>
  78.     <meta name='twitter:description' expr:content='data:blog.metaDescription'/>
  79.     <meta property='og:description' expr:content='data:blog.metaDescription'/>
  80.     <meta itemprop='description' expr:content='data:blog.metaDescription'/>
  81.  
  82.     <!-- Imagen - Debes camiarla por la tuya -->
  83.     <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/>
  84.     <meta property='og:image:secure_url' expr:content='data:blog.blogspotFaviconUrl'/>
  85.     <meta name='twitter:image' expr:content='data:blog.blogspotFaviconUrl'/>
  86.     <meta itemprop='image' expr:content='data:blog.blogspotFaviconUrl'/>
  87.  
  88.     <!-- Links de feeds -->
  89.     <data:blog.feedLinks/>
  90.  
  91.     <!-- Link a Google Fonts. Para las fuentes de texto -->
  92.     <link href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto' rel='stylesheet'/>
  93.  
  94.     <!-- Link para fontawesome. Para los iconos -->
  95.     <link href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' rel='stylesheet'/>
  96.  
  97.     <!-- CSS del blog -->
  98.     <b:skin>
  99.       <![CDATA[
  100.      body {
  101.      font-family: 'Open Sans', sans-serif;
  102.      color:#000000;
  103.      font-display:fallback;
  104.      src:
  105.      local('Font Awesome 5 Free'), url(https://use.fontawesome.com/releases/v5.8.1/webfonts/fa-solid-900.woff2) format('woff2');
  106.      local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v16/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
  107.      }
  108.  
  109.      header {
  110.      text-align:center;
  111.      color:#000000;
  112.      }
  113.  
  114.      footer {
  115.      text-align:center;
  116.      font-size:1em;
  117.      }
  118.  
  119.      a {
  120.      color:#424547;
  121.      text-decoration:none;
  122.      }
  123.  
  124.      a:hover {
  125.      color:#000000;
  126.      }
  127.  
  128.      #header-inner {
  129.      font-size:1em;
  130.      }
  131.  
  132.      .ptst {
  133.      font-size:2em;
  134.      text-align:center;
  135.      }
  136.  
  137.      .atrib {
  138.      }
  139.  
  140.      .atrib i {
  141.      font-size:2em;
  142.      }
  143.  
  144.      .autorl {
  145.      color:black;
  146.      }
  147.  
  148.      .autorlz {
  149.      text-align:center;
  150.      }
  151.  
  152.      .headerc {
  153.      display:block;
  154.      margin:auto;
  155.      width: 50%;
  156.      height: auto;
  157.      }
  158.  
  159.      .hrart {
  160.      margin-top:0%;
  161.      width:98%;
  162.      }
  163.  
  164.      .hrart2 {
  165.      margin-top:-1%;
  166.      color:#000000;
  167.      width:100%;
  168.      }
  169.  
  170.      .fa-search {
  171.      font-size:2em;
  172.      }
  173.  
  174.      .fafab {
  175.      font-size:1.5em;
  176.      }
  177.  
  178.      .heart2 {
  179.      font-size:10em;
  180.      }
  181.  
  182.      .heart2:hover {
  183.      color:#cc2020;
  184.      transition:color 0.9s ease-in;
  185.      }
  186.  
  187.      .fa-times {
  188.      font-size:10em;
  189.      }
  190.  
  191.      .buq {
  192.      text-align:center;
  193.      font-size:1.5em;
  194.      }
  195.  
  196.      .error404 {
  197.      text-align:center;
  198.      }
  199.  
  200.      .odas {
  201.      text-align:center;
  202.      border:solid;
  203.      }
  204.  
  205.      .shrek {
  206.      font-size:1.5em;
  207.      width:95%;
  208.      margin:0 auto;
  209.      }
  210.  
  211.      .odasi {
  212.      font-size:1.5em;
  213.      color:#2fd8bc;
  214.      }
  215.  
  216.      .odasi:hover {
  217.      color:#000000;
  218.      }
  219.  
  220.      .odasis:hover {
  221.      color:#c40909;
  222.      }
  223.  
  224.      .odasis {
  225.      color:#c40909;
  226.      }
  227.  
  228.      .cbeta {
  229.      cursor:default;
  230.      }
  231.  
  232.      .comentarios {
  233.      width:100%;
  234.      margin:0 auto;
  235.      }
  236.  
  237.      .twsh {
  238.      color:#00aced;
  239.      }
  240.  
  241.      .fbsh {
  242.      color:#3b5998
  243.      }
  244.  
  245.      .brsh {
  246.      color:#f57d00;
  247.      }
  248.  
  249.      .tgsh {
  250.      color:#0088cc;
  251.      }
  252.  
  253.      .whsh {
  254.      color:#2BAF14;
  255.      }
  256.  
  257.      .rsssh {
  258.      color:#f26522;
  259.      }
  260.  
  261.      .emsh {
  262.      color:#c71610;
  263.      }
  264.  
  265.      .bgsh {
  266.      color:#f57d00;
  267.      }
  268.  
  269.      .shgn {
  270.      font-size:1.5em;
  271.      }
  272.  
  273.      .shgn:hover {
  274.      color:#000000;
  275.      }
  276.  
  277.      .cea {
  278.      display:none;
  279.      }
  280.  
  281.      .pub1 {
  282.      text-align:center;
  283.      }
  284.  
  285.      .brksh {
  286.      display:none;
  287.      }
  288.  
  289.      .ocultarschema {
  290.      display:none;
  291.      }
  292.  
  293.      .txtz {
  294.      font-size:3em;
  295.      }
  296.  
  297.      .txtzw {
  298.      font-size:2em;
  299.      }
  300.  
  301.      /* A partir de aca, son atributos standard de Blogger */
  302.  
  303.      .blog-posts {
  304.      }
  305.  
  306.      .post-footer {
  307.      padding-top:1%;
  308.      }
  309.  
  310.      .home-link {
  311.      display:none;
  312.      }
  313.  
  314.      .feed-links {
  315.      display:none;
  316.      }
  317.  
  318.      .blog-pager {
  319.      display:none;
  320.      }
  321.  
  322.      .date-header {
  323.      display:none;
  324.      }
  325.  
  326.      .articulosfrt {
  327.      width:90%;
  328.      margin:0 auto;
  329.      }
  330.  
  331.      .articulosfrt2 {
  332.      width:95%;
  333.      margin:0 auto;
  334.      }
  335.  
  336.      .gsc-input {
  337.      width:10%;
  338.      max-width:10%;
  339.      border:solid;
  340.      line-height:34px;
  341.      padding-top:-15%;
  342.      }
  343.  
  344.      .gsc-search-button {
  345.      background-color:grey;
  346.      width:11%;
  347.      max-width:11%;
  348.      border:none;
  349.      padding:0.5%;
  350.      color:#ffffff;
  351.      background-color:#000000;
  352.      padding-top:-15%;
  353.      }
  354.  
  355.      .msggenriknv {
  356.      font-size:1.5em;
  357.      text-align:center;
  358.      }
  359.  
  360.      .msggenriknv a {
  361.      display:none;
  362.      }
  363.  
  364.      .fsp {
  365.      width:560px;
  366.      height:315px;
  367.      border:none;
  368.      }
  369.  
  370.      select option {color:#000; background:#fff;}
  371.  
  372.      /* Este es el atributo que esconde los comentarios.
  373.      Si deseas aliminar los comentarios, elimina display:none,
  374.      O cambialo por display:block */
  375.  
  376.      .comments {
  377.      display:none;
  378.      }
  379.  
  380.      /* El media Query, permite modificar atributos CSS,
  381.      dependiendo del viewport.
  382.      Aprox. se estimó 1030px como un standard pc/tablet/smartphone
  383.      Se puede cambiar, y/o añadir otros. */
  384.  
  385.      @media only screen and (max-width: 1030px) {
  386.      .headerc {
  387.      display:block;
  388.      margin:auto;
  389.      width: 100%;
  390.      height: auto;
  391.      }
  392.  
  393.      .cea {
  394.      display:block;
  395.      }
  396.  
  397.      .brksh {
  398.      display:block;
  399.      }
  400.  
  401.      /* A partir de aca, son atributos standard de Blogger */
  402.      .gsc-input {
  403.      width:85%;
  404.      max-width:85%;
  405.      border:solid;
  406.      line-height:34px;
  407.      }
  408.  
  409.      .gsc-search-button {
  410.      background-color:grey;
  411.      width:89%;
  412.      max-width:89%;
  413.      border:none;
  414.      padding:0.5%;
  415.      color:#ffffff;
  416.      background-color:#000000;
  417.      }
  418.  
  419.      .post-body img {
  420.      width: 100%;
  421.      height: auto;
  422.      }
  423.       }]]>
  424.      </b:skin>
  425.    </head>
  426.  
  427.    <body itemscope='' itemtype="http://schema.org/WebPage">
  428.  
  429.      <!-- Widget del header
  430.     Si deseas eliminar/colocar una foto de cabecera, funcionará.
  431.     Pero no podrás cambiar su posición.
  432.     Si deseas cambiar su posición, elimina el widget y genera uno nuevo.
  433.   -->
  434.  
  435.    <header role="banner" itemscope='' itemtype="http://schema.org/WPHeader">
  436.  
  437.      <b:section class='headerx' id='header' maxwidgets='' showaddelement='yes'>
  438.  
  439.                <b:widget id='Header2' title='Header de la pagina' locked='false' type='Header'>
  440.  
  441.                  <b:includable id='main'>
  442.  
  443.                    <div id='header-inner'>
  444.  
  445.                    <b:if cond='data:useImage'>
  446.  
  447.                      <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
  448.  
  449.                         <div id='header-inner'>
  450.                          <a href="/"><img class='headerc' expr:alt='data:title' expr:src='data:sourceUrl'/></a>
  451.                          <span class='ocultarschema' itemprop='name'><data:blog.title/></span>
  452.                          <span class='ocultarschema' itemprop='description'><data:blog.metaDescription/></span>
  453.                        </div>
  454.  
  455.                      </b:if>
  456.  
  457.                      <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  458.  
  459.                        <div id='header-inner'>
  460.                          <a href="/"><img class='headerc' expr:alt='data:title' expr:src='data:sourceUrl'/></a>
  461.                          <span class='ocultarschema' itemprop='name'><data:blog.title/></span>
  462.                          <span class='ocultarschema' itemprop='description'><data:blog.metaDescription/></span>
  463.                        </div>
  464.  
  465.                      </b:if>
  466.  
  467.                      <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  468.  
  469.                        <div id='header-inner'>
  470.                          <a href="/"><img class='headerc' expr:alt='data:title' expr:src='data:sourceUrl'/></a>
  471.                          <span class='ocultarschema' itemprop='name'><data:blog.title/></span>
  472.                          <br/>
  473.                          <span class='txtzw'><data:description/></span>
  474.                          <span class='ocultarschema' itemprop='description'><data:blog.metaDescription/></span>
  475.                        </div>
  476.  
  477.                      </b:if>
  478.  
  479.                      <b:else/>
  480.  
  481.                      <div id='header-inner'>
  482.                        <span class='txtz'><a href="/"><data:title/></a></span>
  483.                        <span class='ocultarschema' itemprop='name'><data:blog.title/></span>
  484.                        <span class='ocultarschema' itemprop='description'><data:blog.metaDescription/></span>
  485.                      </div>
  486.  
  487.                    </b:if>
  488.  
  489.                  </div>
  490.                  <br/>
  491.  
  492.                  </b:includable>
  493.  
  494.                </b:widget>
  495.  
  496.       </b:section>
  497.  
  498.     </header>
  499.  
  500.     <b:section class='bodyx' id='body' maxwidgets='' showaddelement='yes'>
  501.  
  502.       <b:widget id='Blog1' title='Caja de articulos' locked='true' type='Blog'>
  503.  
  504.         <b:widget-settings>
  505.  
  506.           <b:widget-setting name='showDateHeader'>true</b:widget-setting>
  507.           <b:widget-setting name='commentLabel'>Comentario:</b:widget-setting>
  508.           <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  509.           <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  510.           <b:widget-setting name='authorLabel'>Autor:</b:widget-setting>
  511.           <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  512.           <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  513.           <b:widget-setting name='showAuthor'>true</b:widget-setting>
  514.           <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  515.           <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  516.           <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  517.           <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  518.           <b:widget-setting name='timestampLabel'>Fecha:</b:widget-setting>
  519.           <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  520.           <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  521.           <b:widget-setting name='showLabels'>false</b:widget-setting>
  522.           <b:widget-setting name='showLocation'>false</b:widget-setting>
  523.           <b:widget-setting name='postLabelsLabel'>Etiquetas del post:</b:widget-setting>
  524.           <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  525.           <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  526.           <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  527.           <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  528.           <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  529.           <b:widget-setting name='showReactions'>false</b:widget-setting>
  530.  
  531.         </b:widget-settings>
  532.  
  533.         <!-- Posts:
  534.        Contiene la configuración sobre los posts, y articulos mostrados
  535.      -->
  536.  
  537.       <!-- Posteos // Articulos -->
  538.  
  539.       <b:includable id='post' var='post'>
  540.  
  541.         <div class='post-header'>
  542.  
  543.           <div class='post-header-line-1'/>
  544.  
  545.           <!-- Si está en un articulo, muestra el articulo completo. -->
  546.           <b:if cond='data:view.isPost'>
  547.  
  548.             <article class='articulosfrt2' itemscope='' itemtype='http://schema.org/BlogPosting'>
  549.               <span class='ocultarschema' itemprop='mainEntityOfPage'><data:blog.homepageUrl/></span>
  550.               <span class='ocultarschema' itemprop='datePublished'><data:post.timestampISO8601/></span>
  551.               <span class='ocultarschema' itemprop='dateModified'><data:post.lastUpdatedISO8601/></span>
  552.               <span class='ocultarschema' itemprop='publisher' itemscope='' itemtype='https://schema.org/Organization'>
  553.                 <a itemprop='url' exprhref='data:blog.url'>
  554.                   <span itemprop='logo' itemscope='' itemtype='https://schema.org/ImageObject'>
  555.                     <img itemprop='url' expr:src='data:blog.blogspotFaviconUrl'/>
  556.                    </span>
  557.                    <span itemprop='name'><data:post.author/></span>
  558.                    <span itemprop='description'><data:blog.metaDescription/></span>
  559.                  </a>
  560.                </span>
  561.               <h1 class='post-title ptst entry-title'><span itemprop='headline'><span itemprop='name'><data:post.title/></span></span></h1>
  562.               <br/>
  563.  
  564.               <br/>
  565.  
  566.               <span itemprop='articleBody'>
  567.                 <img class='ocultarschema' itemprop='image' expr:src='data:blog.blogspotFaviconUrl'/>
  568.                 <data:post.body/>
  569.               </span>
  570.  
  571.               <!-- Añade al final de cada articulo, de forma automatica el nombre del autor y la fecha del post -->
  572.               <br/>
  573.               <small>Escrito por <span itemprop='name'><span itemprop='author'><data:post.author/></span></span>&#160;&#160;en la fecha de&#160;&#160;<data:post.timestamp/>.</small>
  574.  
  575.             </article>
  576.               <br/>
  577.  
  578.               <!-- Barra social, para compartir los articulos -->
  579.               <div class='shrek'>
  580.                 <b>Compartir este articulo:</b>
  581.                 <br class='brksh'/>
  582.                 <a expr:href='&quot;https://twitter.com/intent/tweet?&quot; + &quot;text=&quot; + data:post.title + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=ELUSUARIODETWITTERDETUWEB&quot;'><i class='fab fa-twitter-square twsh shgn'/></a>
  583.                 <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url'><i class="fab fa-facebook-square fbsh shgn"/></a>
  584.                 <a expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:post.title + &quot;&#160;&#160;&quot; + data:post.url'><i class='fab fa-whatsapp-square whsh shgn'/></a>
  585.                 <a expr:href='&quot;https://telegram.me/share/url?url=&quot; + data:post.url + &quot;&amp;text=&quot; + data:post.title'><i class='fab fa-telegram tgsh shgn'/></a>
  586.                 <a href='https://www.blogger.com/blog-this.g'><i class="fab fa-blogger brsh shgn"></i></a>
  587.                 <a expr:href='&quot;mailto:?body=&quot; + data:post.title + &quot;&#160;&#160;&quot; + data:post.url'><i class='fas fa-envelope-square emsh shgn'/></a>
  588.                 <a href='/feeds/posts/default?alt=rss'><i class="fas fa-rss-square rsssh shgn"/></a>
  589.               </div>
  590.               <br/>
  591.  
  592.                 <!-- Añade un <hr> -->
  593.                 <hr class='hrart2'/>
  594.  
  595.  
  596.               <!-- Comentarios: Aca van los comentarios.
  597.  
  598.              ATENCIÓN: Trato de ser lo menos destructivo posible cuando remuevo cosas importantes, así que el plugin de blogger, no se eliminó,
  599.              si no que se ocultó usando CSS.
  600.              Así que primero deberás eliminar (o cambiar el atributo) el class .comments de la configuración CSS, para dejar visible los comentarios. -->
  601.  
  602.               <h1 class="comentarios">Comentarios:</h1>
  603.  
  604.               <div id="disqus_thread"></div>
  605.               <script>
  606.                 (function() {
  607.                 var d = document, s = d.createElement('script');
  608.                 s.src = 'https://cristalino.disqus.com/embed.js';
  609.                 s.setAttribute('data-timestamp', +new Date());
  610.                 (d.head || d.body).appendChild(s);
  611.                 })();
  612.               </script>
  613.  
  614.               <!-- Aviso de JS: Debido a que la mayoría de plugins de comentarios requieren JavaScript, esta este aviso, para que el usuario lo active -->
  615.          <noscript>
  616.            <style>
  617.              .nojs {
  618.              border:solid;
  619.              }
  620.            </style>
  621.            <div class="nojs">
  622.          <h3>¡Debes activar JavaScript!</h3>
  623.          <b>Para poder leer los comentarios y/o comentar, es necesario activar JavaScript (<a href="https://www.enable-javascript.com/es/"
  624.           rel="nofollow" target="_blank">¿Como usar JavaScript?</a>)</b>
  625.        </div>
  626.          </noscript>
  627.  
  628.         <b:else/>
  629.  
  630.         <!-- Si es una página estatica, muestra esto -->
  631.         <b:if cond='data:view.isPage'>
  632.           <div class='post-body articulosfrt entry-content2 entry-content'>
  633.             <data:post.body/>
  634.             </div>
  635.             <!-- Añade un <hr> -->
  636.               <hr class='hrart'/>
  637.  
  638.             <b:else/>
  639.  
  640.         <!-- Si NO ESTÁ en un articulo, los articulos se muestran como snippets (como por ej. en la home, la página de búsuqeda, etc.)-->
  641.         <br/>
  642.         <div class='post hentry articulosfrt2 entry-content3 uncustomized-post-template'>
  643.           <i class="fas fa-calendar-week"/>&#160;<b class='autorl'><data:post.timestamp/></b>
  644.           <br/>
  645.           <h3 class='post-title entry-title'><a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a></h3>
  646.         </div>
  647.  
  648.         <div class='post-body articulosfrt2 entry-content entry-content3' expr:id='&quot;post-body-&quot; + data:post.id'>
  649.         <b:eval expr='snippet(data:post.body, {length: 450, links: false, linebreaks: true, ellipsis: true})' />
  650.         <a expr:name='data:post.id'/>
  651.         <a expr:href='data:post.link ? data:post.link : data:post.url'>Leer más <i class="fas fa-angle-double-right"/></a>
  652.       </div>
  653.       <!-- Añade un <hr> -->
  654.       <br/>
  655.         <hr class='hrart'/>
  656.  
  657.       </b:if>
  658.     </b:if>
  659.  
  660. </div>
  661.   </b:includable>
  662.  
  663.     <!-- Configuración extra -->
  664.  
  665.     <!-- Mensajes de status.
  666.    Estos son los mensajes que se muestran,
  667.    cuando por ej. haces una busqueda, y te indica
  668.    que no hay resultados -->
  669.  
  670.       <b:includable id='status-message'>
  671.  
  672.       <b:if cond='data:navMessage'>
  673.  
  674.         <!-- Cualquier otro mensaje
  675.        Si deseas añadir mensajes personalizados,
  676.        deberás crear condicionales de Blogger -->
  677.       <div class='msggenriknv'>
  678.   <data:navMessage/>
  679. </div>
  680. </b:if>
  681.  
  682. <b:if cond='data:numPosts == 0'>
  683.   <style>
  684.  
  685.     .jhnpst {
  686.     text-align:center;
  687.     }
  688.  
  689.     .fa-ghost {
  690.     font-size:8em;
  691.     }
  692.  
  693.     .msggenriknv {
  694.     display:none;
  695.     }
  696.   </style>
  697.   <div class="jhnpst">
  698.   <i class="fas fa-ghost"/>
  699.   <br/><br/>
  700.   <h1> Oh no!..
  701.     <br/>
  702.     ¡Hay un fantasma en el blog y asustó a todos los posts!
  703.   </h1>
  704. <small>Posiblemente, estés viendo esto porque aún no hay ningún articulo en el blog.</small>
  705. </div>
  706. </b:if>
  707.  
  708.       <!-- Plantilla para página de error -->
  709.       <b:if cond='data:view.isError'>
  710.         <style>
  711.         .msggenriknv {
  712.         display:none;
  713.         }
  714.         </style>
  715.         <div class='error404'>
  716.         <h1>Oh no!..
  717.           <br/>
  718.           ¡Esta página desapareció! </h1>
  719.           <i class="fas fa-heart-broken heart2"/>
  720.           <br/>
  721.           <small>Psst... Apoya el mouse en el corazón :D</small>
  722.           <br/>
  723.           <h3>Obtuviste un error HTTP404...</h3>
  724.         </div>
  725.       </b:if>
  726.  
  727.       <!-- Plantilla para búsquedas -->
  728.       <b:if cond='data:view.isSearch'>
  729.         <style>
  730.           .msggenriknv {
  731.           display:none;
  732.           }
  733.  
  734.           .sq4 {
  735.           width:95%;
  736.           margin:0 auto;
  737.  
  738.           }
  739.  
  740.           .sq {
  741.           color:blue;
  742.           }
  743.         </style>
  744.         <h2 class="sq4">Mostrando resultados para "<b class="sq"><data:blog.searchQuery/></b>":</h2>
  745.         <br/>
  746.       </b:if>
  747.  
  748.       <b:if cond='data:view.isError'>
  749.         <b:if cond='data:numPosts == 0'>
  750.           <style>
  751.             .jhnpst {
  752.             display:none;
  753.             }
  754.           </style>
  755.         </b:if>
  756.       </b:if>
  757.  
  758.         <b:if cond='data:view.isSearch'>
  759.           <b:if cond='data:numPosts == 0'>
  760.           <style>
  761.             .msggenriknv {
  762.             display:none;
  763.             }
  764.  
  765.             .sq3 {
  766.             width:95%;
  767.             margin:0 auto;
  768.             text-align:center;
  769.             }
  770.  
  771.             .sq4 {
  772.             display:none;
  773.             }
  774.  
  775.             .jhnpst {
  776.             display:none;
  777.             }
  778.  
  779.             .fa-search-minus {
  780.             font-size:5em;
  781.             }
  782.           </style>
  783.           <h2 class="sq3">
  784.             <i class="fas fa-search-minus"/>
  785.             <br/><br/>
  786.             Ningún resultado coincide con "<b class="sq2"><data:blog.searchQuery/></b>"
  787.             <br/>
  788.             Intenta buscando otro termino, o busca directo en el archivo del blog.
  789.         </h2>
  790.         </b:if>
  791.       </b:if>
  792.  
  793.     </b:includable>
  794.  
  795.     </b:widget>
  796.  
  797.   </b:section>
  798.  
  799.   <footer role="contentinfo" itemscope='' itemtype="http://schema.org/WPFooter">
  800.  
  801.   <b:section class='footerx' id='footer' maxwidgets='' showaddelement='yes'>
  802.  
  803.     <b:widget id='BlogSearch1' title='Caja de busqueda' locked='false' type='BlogSearch'>
  804.     <b:includable id='main'>
  805.     <div class='widget-content'>
  806.  
  807.       <!-- Caja de búsqueda para google
  808.      Si deseas que no aparezca el cuadro de búsqueda en Google
  809.      Usa <meta name="google" content="nositelinkssearchbox"/>
  810.     -->
  811.  
  812.         <form class='gsc-search-box' itemprop="potentialAction" itemscope="" itemtype="https://schema.org/SearchAction" expr:action='data:blog.searchUrl'>
  813.           <meta itemprop="url" expr:content='data:blog.homepageUrl'/>
  814.           <input class='gsc-input' itemprop="query-input" required="" name='q' size='10' title='Buscar en el blog.' type='text'/>
  815.           <br/>
  816.           <button class='gsc-search-button' type='submit'><i class="fas fa-search"/></button>
  817.           <meta itemprop="target" expr:content='data:blog.homepageUrl + &quot;search?q={search_term_string}&quot;'/>
  818.         </form>
  819.  
  820.       </div>
  821.   </b:includable>
  822.     </b:widget>
  823.  
  824. <!-- Widget con la atribución. NO ELIMINAR LA ATRIBUCIÓN. -->
  825. <b:widget id='HTML1' title='Atribucion' locked='true' type='HTML'>
  826.   <b:widget-settings>
  827.     <b:widget-setting name='content'>
  828.       &#60;div class='atrib'&#62;
  829.    © &#60;span itemprop='copyrightYear'&#62;2019&#60;/span&#62; &#60;span itemprop='copyrightHolder' itemscope itemtype='http://schema.org/Person'&#62;&#60;span itemprop='name'&#62;Cristalino&#60;/span&#62;. Plantilla creada por &#60;a href='https://cristalino-blogger.blogspot.com'&#62;Cristalino&#60;/a&#62;, con ❤, y ☕ .
  830.     &#60;br/&#62;
  831.     Este blog usa &#60;a href='https://blogger.com' target='_blank' rel='nofollow'&#62;Blogger&#60;/a&#62;, &#60;a href='https://fontawesome.com' target='_blank' rel='nofollow'&#62;Font Awesome 5.8.1&#60;/a&#62;, &#60;a href='https://cristalino-blogger.blogspot.com/' target='_blank' rel='nofollow'&#62;Cristalino 1.2.10&#60;a/&#62; y &#60;a href='https://fonts.google.com' target='_blank' rel='nofollow'&#62;Google Fonts&#60;/a&#62;.
  832.     &#60;br/&#62;
  833.     &#60;/div&#62;
  834.     </b:widget-setting>
  835.   </b:widget-settings>
  836.   <b:includable id='main'>
  837.  
  838.     <div class='widget-content'>
  839.       <data:content/>
  840.     </div>
  841.   </b:includable>
  842. </b:widget>
  843.  
  844. </b:section>
  845.  
  846. </footer>
  847.   </body>
  848.    </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!