Template by:
Free Blog Templates

domingo, 26 de mayo de 2013

Gadget antiguo de seguidores

Lamentablemente desde hace algún tiempo, ya no es posible agregar el gadget seguidores que solíamos encontrar en nuestra lista de gadgets del blog. Tampoco Friend Connect lo posee, ya que lo ha dado de baja.
Desde hace un tiempo, cada nuevo blog que se abra podrá agregar los seguidores de google +, pero si como yo, tienes sitios con temática muy distinta, abrumarás a tus amigos con cada publicación sobre temas que tal vez no les interesen.
Pero se me ha ocurrido que copiando el código html de la plantilla lo podría hacer y ha resultado. Como verás, a pesar de que este sitio es muy nuevo, tengo el famoso gadget en mi barra lateral.


  • Vete a la sección PLANTILLA de tu sitio, y haz clic en HTML
Haz clic en donde dice IR AL WIDGET, sobre la flechita, y luego ve a cualquiera de los widgets que tienes en tu blog.

  • Colocate donde termina la linea y da un enter, luego poega el siguiente código
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <b:if cond='data:codeSnippet != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    <b:else/>
      <b:if cond='data:totalFollowerCount != &quot;&quot;'>
        <h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
      </b:if>
    </b:if>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      <b:else/>
        <b:if cond='data:totalFollowerCount == &quot;&quot;'>
          <span class='item-control following-not-admin'>
            <b><data:failureSnippet/></b>
          </span>
          <span class='item-control blog-admin'>
            <b><data:adminFailureSnippet/></b>
          </span>
        <b:else/>
          <b:if cond='data:followingLinkPresent'>
            <div class='follow-this profile-link item-control following-follow-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:followThisMessage/>
              </a>
            </div>
            <div class='follow-this profile-link item-control following-stop-following-this'>
              <a expr:href='&quot;javascript:_FollowersView._openPopup(\&quot;&quot; + data:followUri + &quot;\&quot;);&quot;'>
                <data:stopFollowingMessage/>
              </a>
            </div>
          </b:if>
          <div class='followers-grid'>
            <b:if cond='data:totalFollowerCount == 0'>
              <div class='profile-link item-control following-follow-this'>
                <data:emptyFollowersMessage/>
              </div>
            </b:if>
            <!--
            Relies on the js written out in navbar.gxp
            -->
            <b:loop values='data:followers' var='follower'>
              <div class='follower'>
                <a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
                <img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=\&quot;&quot; + data:anonFollowerImageUrl + &quot;\&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, \&quot;src\&quot;, \&quot;&quot; + data:follower.imageUrl + &quot;\&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
                </a>
              </div>
            </b:loop>
            <div class='clear'/>
          </div>
          <div class='followers-canvas profile-link'>
            <data:followersFooterMessage/>
            <span class='item-control following-not-admin'>
              <a expr:href='data:followersUri'>
                <data:viewAllMessage/>
              </a>
            </span>
            <span class='item-control blog-admin'>
              <a expr:href='data:manageFollowersUri'>
                <data:manageFollowersMessage/>
              </a>
            </span>
          </div>
          </b:if>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>





domingo, 19 de mayo de 2013

Reproducción automática de videos YouTube

http://www.blogotecarios.blogspot.com

Con este sencillo truco podrás lograr que un video insertado en tu blog no necesite  el play para comenzar a reproducirse, sino que lo hará en forma automática. Esto se utiliza por ejemplo, para darle un fondo musical al sitio, o bien para sumarle vistas a tu video.

De cualquier forma, cuando abras el sitio en donde está insertado (funciona con videos de YouTube) comenzará a reproducirse automáticamente, pero puedes bajarle el volumen o apagarlo cuando quieras.

Sigue estos sencillos pasos:


  1. Abre el video elegido
  2. Haz clic en COMPARTIR - INSERTAR
  3. Tilda: "utilizar el código de inserción antiguo"
  4. Copia el código
  5. Este es un ejemplo del código que debes copiar (es del video que encontramos más abajo)
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TtKQBdgEikU?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TtKQBdgEikU?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

  • Ahora debes agregar lo que está en color en el lugar que se indica (detrás de la URL del video, aparece dos veces)
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/TtKQBdgEikU?version=3&amp;hl=es_ES&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TtKQBdgEikU?version=3&amp;hl=es_ES&autoplay=1" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Este es el truco funcionando


Alumnos de 7º grado - Promo 2012 
Escuela Bernardino Rivadavia nº 646 - Las Rosas