Viajar por Europa

diciembre 26, 2011

botones sociales desaparecidos

Cuando crees un blog en blogger los botones sociales (shareButtons) tienen que estár siempre presentes, sin importantes para el SEO.


Fíjate cada vez que modificas el HTML de la plantilla los botones no se esconden. Los que somos novatos ( todos los somos en un principio ), vamos cambiando la plantilla de blogger, buscando una plantilla SEO, después decorándola etc. y en un momento dado podemos cumplir objetivos a cambio de "estropear" algunas cosas básicas.

Es lo ocurre a veces con los botones sociales (shareButtons) hemos modificado la plantilla de tal forma que aunque los destaquemos en su sitio (¿sabes como llegar a ellos?: diseño-entrada del blog y en la parte inferior del recuadro "editar")la plantilla blogger no reacciona, y claro está desaparecen o no cambian de lugar etc.

Deberás incluir la siguiente línea después de cualquiera de las líneas señaladas en rojo. Puedes ir probando antes de span y después de span. Y verás lo que sucede. En general puedes ir situando esta linea (azul) en distintos sitios y así as aprendiendo viendo lo que pasa. La plantilla sigue después de la última linea-2, miralo en tu blogger de pruebas y si no tienes ya va siendo hora que inicies uno. No te arrepentirás de éste consejo.

<b:include data='post' name='shareButtons'/>




<div class='post-footer'>
     <div class='post-footer-line post-footer-line-1'>
 <span class='post-author vcard'>
         <b:if cond='data:top.showAuthor'>
           <data:top.authorLabel/>
           <span class='fn'><data:post.author/></span>
         </b:if>
       </span> <span class='post-timestamp'>
         <b:if cond='data:top.showTimestamp'>
           <data:top.timestampLabel/>
         <b:if cond='data:post.url'>
           <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

        </b:if>
         </b:if>
       </span> <span class='post-comment-link'>
         <b:if cond='data:blog.pageType != "item"'>
           <b:if cond='data:blog.pageType != "static_page"'>
             <b:if cond='data:post.allowComments'>
               <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

            </b:if>
           </b:if>
         </b:if>
       </span> <span class='post-icons'><b:include data='post' name='shareButtons'/>

        <!-- email post links -->

        <b:if cond='data:post.emailPostUrl'>
           <span class='item-action'>
           <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
               <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

          </a>
          </span>
         </b:if>



        <!-- quickedit pencil -->

        <b:include data='post' name='postQuickEdit'/>
       </span> <span class='post-backlinks post-comment-link'>
          <b:if cond='data:blog.pageType != "item"'>
            <b:if cond='data:blog.pageType != "static_page"'>
              <b:if cond='data:post.showBacklinks'>
                <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>

             </b:if>
            </b:if>
          </b:if>
        </span> </div>


      <div class='post-footer-line post-footer-line-2'>

<span class='post-labels'>
         <b:if cond='data:post.labels'>
           <data:postLabelsLabel/>
           <b:loop values='data:post.labels' var='label'>
             <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
           </b:loop>
         </b:if>
       </span> </div>


Si después de incluir la linea citada anteriormente los botones siguen sin verse, debeis comprobar que están definidos los artilugios y si no es así entonces completarlos o definirlos con las siguientes lineas:

Para las plantillas nuevas de blogger artilugios de shareButtons



Están colocados debajo de éte grupo:

<b:if cond='data:mobileLinkUrl'>

      <div class='blog-mobile-link'>

        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>

      </div>

    </b:if>


  </div>

  <div class='clear'/>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if>

<b:if cond='data:top.showBlogThisButton'>
<a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>

<span class='share-button-link-text'><data:top.blogThisMsg/></span>
</a>
</b:if>

<b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span>
</a>
</b:if>

<b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'> <data:top.shareToFacebookMsg/></span></a></b:if>

<b:if cond='data:top.showOrkutButton'>
<a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/> </span> </a>
</b:if>

<b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

Para las plantillas antiguas de blogger los artilugios de botones sociales (shereButtons) vienen definidos por las siguientes lineas:



b:includable id='shareButtons' var='post'>

<b:if cond='data:post.sharePostUrl'>

<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>

<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>

<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, "_blank", "height=270,width=475"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>

<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>

<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>

<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, "_blank", "height=430,width=640"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>

<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, "_blank", "height=415,width=690"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>

<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

</b:if>

</b:includable>

No hay comentarios:

Publicar un comentario

Si haces un comentario procura que no sea anónimo y si estás solicitando algo al menos espero que votes en Google Plus. Saludos.